disable "save" button when "isSaving" is true (#1032)

KevinVandy · Mar 6, 2024 · ce98410 · ce98410
1 parent 8afb0f4
commit ce98410
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/packages/material-react-table/src/components/buttons/MRT_EditActionButtons.tsx b/packages/material-react-table/src/components/buttons/MRT_EditActionButtons.tsx
@@ -106,6 +106,7 @@ export const MRT_EditActionButtons = <TData extends MRT_RowData>({
                 aria-label={localization.save}
                 color="info"
                 onClick={handleSubmitRow}
+                disabled={isSaving}
               >
                 {isSaving ? <CircularProgress size={18} /> : <SaveIcon />}
               </IconButton>
@@ -121,6 +122,7 @@ export const MRT_EditActionButtons = <TData extends MRT_RowData>({
             onClick={handleSubmitRow}
             sx={{ minWidth: '100px' }}
             variant="contained"
+            disabled={isSaving}
           >
             {isSaving && <CircularProgress color="inherit" size={18} />}
             {localization.save}