MissingDescriptionModal to functional component

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

app/soapbox/features/ui/components/missing_description_modal.tsx

@@ -10,41 +10,26 @@ const messages = defineMessages({
 });
 
 interface IMissingDescriptionModal {
-  onClose: Function,
+  onClose: () => void,
-  onContinue: Function,
+  onContinue: () => void,
   intl: IntlShape,
 }
 
-class MissingDescriptionModal extends React.PureComponent<IMissingDescriptionModal> {
+const MissingDescriptionModal: React.FC<IMissingDescriptionModal> = ({ onClose, onContinue, intl }) => {
-
-  handleContinue = () => {
-    this.props.onClose();
-    this.props.onContinue();
-  }
-
-  handleCancel = () => {
-    this.props.onClose();
-  }
-
-  render() {
-    const { intl } = this.props;
-
   return (
     <Modal
       title={intl.formatMessage(messages.modalTitle)}
-        confirmationAction={this.handleContinue}
+      confirmationAction={onContinue}
       confirmationText={intl.formatMessage(messages.post)}
       confirmationTheme='danger'
       cancelText={intl.formatMessage(messages.cancel)}
-        cancelAction={this.handleCancel}
+      cancelAction={onClose}
     >
       <p className='text-gray-600 dark:text-gray-300'>
         <FormattedMessage id='missing_description_modal.description' defaultMessage='Continue anyway?' />
       </p>
     </Modal>
   );
-  }
+};
-
-}
 
 export default injectIntl(MissingDescriptionModal);