IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

[MM-56850] Convert ./components/modal_controller/modal_controller.tsx from Class Component to Function Component (#26259)

Browse Source 
* [MM-56850] Convert `./components/modal_controller/modal_controller.tsx` from Class Component to Function Component

* fix: failing type check
This commit is contained in:
Syed Ali Abbas Zaidi 2024-02-27 02:04:36 +05:00 committed by GitHub
parent 782f81d22f
commit 48117fb21f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 28 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
webapp/channels/src/components/modal_controller/modal_controller.tsx
View File

@ -32,39 +32,38 @@ type Props = {
};
}
export default class ModalController extends React.PureComponent<Props> {
public render(): React.ReactNode {
const {modals, ...props} = this.props;
const {modalState} = modals;
const ModalController = ({
modals,
actions,
}: Props) => {
if (!modals) {
return null;
}
if (!modals) {
return null;
}
const {modalState} = modals;
const modalOutput = [];
const modalOutput = [];
for (const modalId in modalState) {
if (modalState.hasOwnProperty(modalId)) {
const modal = modalState[modalId];
if (modal.open) {
const modalComponent = React.createElement(modal.dialogType, Object.assign({}, modal.dialogProps, {
onExited: () => {
actions.closeModal(modalId);
for (const modalId in modalState) {
if (modalState.hasOwnProperty(modalId)) {
const modal = modalState[modalId];
if (modal.open) {
const modalComponent = React.createElement(modal.dialogType, Object.assign({}, modal.dialogProps, {
onExited: () => {
props.actions.closeModal(modalId);
// Call any onExited prop provided by whoever opened the modal, if one was provided
modal.dialogProps?.onExited?.();
},
onHide: actions.closeModal.bind(this, modalId),
key: `${modalId}_modal`,
}));
// Call any onExited prop provided by whoever opened the modal, if one was provided
modal.dialogProps?.onExited?.();
},
onHide: props.actions.closeModal.bind(this, modalId),
key: `${modalId}_modal`,
}));
modalOutput.push(modalComponent);
}
modalOutput.push(modalComponent);
}
}
return (
modalOutput
);
}
}
return <>{modalOutput}</>;
};
export default ModalController;