ScheduleButton: convert to TSX

app/soapbox/features/compose/components/schedule_button.js

@@ -1,46 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import { defineMessages, injectIntl } from 'react-intl';
-
-import ComposeFormButton from './compose_form_button';
-
-const messages = defineMessages({
-  add_schedule: { id: 'schedule_button.add_schedule', defaultMessage: 'Schedule post for later' },
-  remove_schedule: { id: 'schedule_button.remove_schedule', defaultMessage: 'Post immediately' },
-});
-
-export default
-@injectIntl
-class ScheduleButton extends React.PureComponent {
-
-  static propTypes = {
-    disabled: PropTypes.bool,
-    active: PropTypes.bool,
-    unavailable: PropTypes.bool,
-    onClick: PropTypes.func.isRequired,
-    intl: PropTypes.object.isRequired,
-  };
-
-  handleClick = () => {
-    this.props.onClick();
-  }
-
-  render() {
-    const { intl, active, unavailable, disabled } = this.props;
-
-    if (unavailable) {
-      return null;
-    }
-
-    return (
-      <ComposeFormButton
-        icon={require('@tabler/icons/icons/calendar-stats.svg')}
-        title={intl.formatMessage(active ? messages.remove_schedule : messages.add_schedule)}
-        active={active}
-        disabled={disabled}
-        onClick={this.handleClick}
-      />
-    );
-  }
-
-}

app/soapbox/features/compose/components/schedule_button.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+
+import ComposeFormButton from './compose_form_button';
+
+const messages = defineMessages({
+  add_schedule: { id: 'schedule_button.add_schedule', defaultMessage: 'Schedule post for later' },
+  remove_schedule: { id: 'schedule_button.remove_schedule', defaultMessage: 'Post immediately' },
+});
+
+interface IScheduleButton {
+  disabled: boolean,
+  active: boolean,
+  unavailable: boolean,
+  onClick: () => void,
+}
+
+const ScheduleButton: React.FC<IScheduleButton> = ({ active, unavailable, disabled, onClick }) => {
+  const intl = useIntl();
+
+  const handleClick = () => {
+    onClick();
+  };
+
+  if (unavailable) {
+    return null;
+  }
+
+  return (
+    <ComposeFormButton
+      icon={require('@tabler/icons/icons/calendar-stats.svg')}
+      title={intl.formatMessage(active ? messages.remove_schedule : messages.add_schedule)}
+      active={active}
+      disabled={disabled}
+      onClick={handleClick}
+    />
+  );
+};
+
+export default ScheduleButton;