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-56006] Convert ./components/discard_changes_modal.tsx from Class Component to Function Component (#25620)

Browse Source 
* MM-56006: Converted to React FC

* Update webapp/channels/src/components/discard_changes_modal.tsx

Co-authored-by: Daniel Espino García <larkox@gmail.com>

* lint changes

---------

Co-authored-by: Daniel Espino García <larkox@gmail.com>
This commit is contained in:
Arun_dadhwal 2023-12-05 14:59:36 +05:30 committed by GitHub
parent c008c95c93
commit 1dae805ee1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 39 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
webapp/channels/src/components/discard_changes_modal.tsx
View File

@ -12,16 +12,19 @@ type Props = {
onCancel: (checked: boolean) => void;
}
export default class DiscardChangesModal extends React.PureComponent<Props> {
public render(): JSX.Element {
const title: JSX.Element = (
const DiscardChangesModal = ({
show,
onConfirm,
onCancel,
}: Props) => {
const title = (
<FormattedMessage
id='discard_changes_modal.title'
defaultMessage='Discard Changes?'
/>
);
const message: JSX.Element = (
const message = (
<FormattedMessage
id='discard_changes_modal.message'
defaultMessage='You have unsaved changes, are you sure you want to discard them?'
@ -29,7 +32,7 @@ export default class DiscardChangesModal extends React.PureComponent<Props> {
);
const buttonClass = 'btn btn-primary';
const button: JSX.Element = (
const button = (
<FormattedMessage
id='discard_changes_modal.leave'
defaultMessage='Yes, Discard'
@ -38,8 +41,6 @@ export default class DiscardChangesModal extends React.PureComponent<Props> {
const modalClass = 'discard-changes-modal';
const {show, onConfirm, onCancel} = this.props;
return (
<ConfirmModal
show={show}
@ -52,5 +53,6 @@ export default class DiscardChangesModal extends React.PureComponent<Props> {
onCancel={onCancel}
/>
);
}
}
};
export default React.memo(DiscardChangesModal);