Revize c0b66eaf

map icon colors start

re #9741

frontend/src/features/Reusables/ButtonOpenableDialog.tsx

@@ -10 +10 @@
     buttonVariant: 'text' | 'outlined' | 'contained' // the variant of the button that opens the dialog
     children: ReactNode // the content of the dialog
     maxWidth?: 'xs' | 'sm' | 'md' | 'lg' // the max width of the dialog
-    open: boolean,
+    open: boolean
     setOpen: (open: boolean) => void
     size?: 'small' | 'medium' | 'large'
+    startIcon?: ReactNode // the icon to the left of the button
+    endIcon?: ReactNode // the icon to the right of the button
 }
 
-
 // Generic dialog that can be opened by a button and closed by clicking on the backdrop.
 const ButtonOpenableDialog: FunctionComponent<ButtonOpenableDialogProps> = ({
     onOpenCallback,
@@ -27 +28 @@
     maxWidth,
     open,
     setOpen,
-    size
+    size,
+    startIcon,
+    endIcon,
 }) => {
-
     // Change maxWidth to large if its undefined
     maxWidth = maxWidth ?? 'lg'
 
@@ -55 +57 @@
                 color={buttonColor}
                 variant={buttonVariant}
                 size={size ?? 'medium'}
+                startIcon={startIcon}
+                endIcon={endIcon}
             >
                 {buttonText}
             </Button>
-            <Dialog
-                fullWidth
-                open={open}
-                onClose={onClose}
-                maxWidth={maxWidth}
-            >
+            <Dialog fullWidth open={open} onClose={onClose} maxWidth={maxWidth}>
                 {children}
             </Dialog>
         </Fragment>