Revize c0b66eaf

map icon colors start

re #9741

frontend/src/features/TrackingTool/Upload/PlaintextUpload.tsx

@@ -1 +1 @@
 import {
     Button,
-    Dialog,
     DialogContent,
     DialogTitle,
     Stack,
@@ -15 +14 @@
 import { sendTextForProcessing } from '../trackingToolThunks'
 import * as yup from 'yup'
 import { resetDialogApiCallSuccess } from '../trackingToolSlice'
+import ButtonOpenableDialog from '../../Reusables/ButtonOpenableDialog'
+import TextSnippetIcon from '@mui/icons-material/TextSnippet'
 
 const PlaintextUpload = () => {
     const loading = useSelector(
@@ -33 +34 @@
         text: yup.mixed().required('Text is required'),
     })
 
+    // Form control
     const formik = useFormik({
         initialValues: {
             text: '',
@@ -63 +65 @@
 
     return (
         <Fragment>
-            <Button variant="contained" onClick={() => setOpen(true)}>
-                Text
-            </Button>
-            <Dialog
+            <ButtonOpenableDialog
                 open={open}
-                fullWidth={true}
-                onClose={onCloseDialog}
+                setOpen={setOpen}
                 maxWidth="lg"
+                buttonColor="primary"
+                buttonVariant="contained"
+                buttonText="Text"
+                startIcon={<TextSnippetIcon />}
+                onCloseCallback={onCloseDialog}
             >
                 <DialogTitle>Plaintext Input</DialogTitle>
                 <DialogContent>
@@ -110 +113 @@
                         </Stack>
                     </form>
                 </DialogContent>
-            </Dialog>
+            </ButtonOpenableDialog>
         </Fragment>
     )
 }