Convert QuotedStatus containers to TSX

app/soapbox/features/compose/containers/quoted_status_container.js

@@ -1,26 +0,0 @@
-import { connect } from 'react-redux';
-
-import { cancelQuoteCompose } from 'soapbox/actions/compose';
-import QuotedStatus from 'soapbox/features/status/components/quoted_status';
-import { makeGetStatus } from 'soapbox/selectors';
-
-const makeMapStateToProps = () => {
-  const getStatus = makeGetStatus();
-
-  const mapStateToProps = state => ({
-    status: getStatus(state, { id: state.getIn(['compose', 'quote']) }),
-    compose: true,
-  });
-
-  return mapStateToProps;
-};
-
-const mapDispatchToProps = dispatch => ({
-
-  onCancel() {
-    dispatch(cancelQuoteCompose());
-  },
-
-});
-
-export default connect(makeMapStateToProps, mapDispatchToProps)(QuotedStatus);

app/soapbox/features/compose/containers/quoted_status_container.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+
+import { cancelQuoteCompose } from 'soapbox/actions/compose';
+import QuotedStatus from 'soapbox/features/status/components/quoted_status';
+import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
+import { makeGetStatus } from 'soapbox/selectors';
+
+const getStatus = makeGetStatus();
+
+/** QuotedStatus shown in post composer. */
+const QuotedStatusContainer: React.FC = () => {
+  const dispatch = useAppDispatch();
+  const status = useAppSelector(state => getStatus(state, { id: state.compose.get('quote') }));
+
+  const onCancel = () => {
+    dispatch(cancelQuoteCompose());
+  };
+
+  if (!status) {
+    return null;
+  }
+
+  return (
+    <QuotedStatus
+      status={status}
+      onCancel={onCancel}
+      compose
+    />
+  );
+};
+
+export default QuotedStatusContainer;