only keep button enabled if submit is loading

2022-12-21 17:02:57 +05:30 · 2022-12-21 17:02:57 +05:30 · 24db0e5d3c
parent ee81cbfd79
commit 24db0e5d3c
1 changed files with 9 additions and 4 deletions
--- a/src/components/SubmitButton.tsx
+++ b/src/components/SubmitButton.tsx
@ -26,10 +26,15 @@ const SubmitButton: FC<ButtonProps<'button', SubmitButtonProps>> = ({
            disabled={disabled || loading || success}
            sx={{
                my: 4,
+                ...(loading
+                    ? {
                          '&.Mui-disabled': {
-                    backgroundColor: (theme) => theme.palette.accent.main,
+                              backgroundColor: (theme) =>
+                                  theme.palette.accent.main,
                              color: (theme) => theme.palette.text.primary,
                          },
+                      }
+                    : {}),
                ...sx,
            }}
            {...props}>