Convert Manual Import to Typescript

frontend/src/InteractiveImport/Season/SelectSeasonModalContent.tsx

@@ -0,0 +1,48 @@
+import React, { useMemo } from 'react';
+import { useSelector } from 'react-redux';
+import Button from 'Components/Link/Button';
+import ModalBody from 'Components/Modal/ModalBody';
+import ModalContent from 'Components/Modal/ModalContent';
+import ModalFooter from 'Components/Modal/ModalFooter';
+import ModalHeader from 'Components/Modal/ModalHeader';
+import createSeriesSelector from 'Store/Selectors/createSeriesSelector';
+import SelectSeasonRow from './SelectSeasonRow';
+
+interface SelectSeasonModalContentProps {
+  seriesId: number;
+  modalTitle: string;
+  onSeasonSelect(seasonNumber): void;
+  onModalClose(): void;
+}
+
+function SelectSeasonModalContent(props: SelectSeasonModalContentProps) {
+  const { seriesId, modalTitle, onSeasonSelect, onModalClose } = props;
+  const series = useSelector(createSeriesSelector(seriesId));
+  const seasons = useMemo(() => {
+    return series.seasons.slice(0).reverse();
+  }, [series]);
+
+  return (
+    <ModalContent onModalClose={onModalClose}>
+      <ModalHeader>{modalTitle} - Select Season</ModalHeader>
+
+      <ModalBody>
+        {seasons.map((item) => {
+          return (
+            <SelectSeasonRow
+              key={item.seasonNumber}
+              seasonNumber={item.seasonNumber}
+              onSeasonSelect={onSeasonSelect}
+            />
+          );
+        })}
+      </ModalBody>
+
+      <ModalFooter>
+        <Button onPress={onModalClose}>Cancel</Button>
+      </ModalFooter>
+    </ModalContent>
+  );
+}
+
+export default SelectSeasonModalContent;