Convert Manual Import to Typescript

2026-04-20 21:54:58 -04:00 · 2023-03-27 16:48:55 -07:00
parent 032d9a720c
commit defdc84b7e
63 changed files with 2946 additions and 3528 deletions
@@ -0,0 +1,72 @@
+import React, { useCallback, useState } from 'react';
+import Form from 'Components/Form/Form';
+import FormGroup from 'Components/Form/FormGroup';
+import FormInputGroup from 'Components/Form/FormInputGroup';
+import FormLabel from 'Components/Form/FormLabel';
+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 { inputTypes, kinds, scrollDirections } from 'Helpers/Props';
+import styles from './SelectReleaseGroupModalContent.css';
+
+interface SelectReleaseGroupModalContentProps {
+  releaseGroup: string;
+  modalTitle: string;
+  onReleaseGroupSelect(releaseGroup: string): void;
+  onModalClose(): void;
+}
+
+function SelectReleaseGroupModalContent(
+  props: SelectReleaseGroupModalContentProps
+) {
+  const { modalTitle, onReleaseGroupSelect, onModalClose } = props;
+  const [releaseGroup, setReleaseGroup] = useState(props.releaseGroup);
+
+  const onReleaseGroupChange = useCallback(
+    ({ value }) => {
+      setReleaseGroup(value);
+    },
+    [setReleaseGroup]
+  );
+
+  const onReleaseGroupSelectWrapper = useCallback(() => {
+    onReleaseGroupSelect(releaseGroup);
+  }, [releaseGroup, onReleaseGroupSelect]);
+
+  return (
+    <ModalContent onModalClose={onModalClose}>
+      <ModalHeader>{modalTitle} - Set Release Group</ModalHeader>
+
+      <ModalBody
+        className={styles.modalBody}
+        scrollDirection={scrollDirections.NONE}
+      >
+        <Form>
+          <FormGroup>
+            <FormLabel>Release Group</FormLabel>
+
+            <FormInputGroup
+              type={inputTypes.TEXT}
+              name="releaseGroup"
+              value={releaseGroup}
+              autoFocus={true}
+              onChange={onReleaseGroupChange}
+            />
+          </FormGroup>
+        </Form>
+      </ModalBody>
+
+      <ModalFooter>
+        <Button onPress={onModalClose}>Cancel</Button>
+
+        <Button kind={kinds.SUCCESS} onPress={onReleaseGroupSelectWrapper}>
+          Set Release Group
+        </Button>
+      </ModalFooter>
+    </ModalContent>
+  );
+}
+
+export default SelectReleaseGroupModalContent;