edited loading at adding live page

src/shared/sections/lives/add-edit-live/add-live-view.tsx

@@ -36,6 +36,7 @@ export default function AddLiveView() {
     const { enqueueSnackbar } = useSnackbar();
     const settings = useSettingsContext();
     const router = useRouter();
+    const [addLoading, setAddLoading] = useState(false);
 
     const NewLiveSchema = Yup.object().shape({
         title: Yup.string().required('Title is required'),
@@ -91,6 +92,8 @@ export default function AddLiveView() {
     };
 
     const onSubmit = handleSubmit((data) => {
+        if(addLoading) return;
+        setAddLoading(true);
         const formData = { ...data, products: products.map((product) => product.id) }
         if (image) addLive(formData, image)
             .then(() => {
@@ -99,11 +102,13 @@ export default function AddLiveView() {
                 setProducts([]);
                 setImage(null);
                 router.push(paths.dashboard.live.root)
+                setAddLoading(false);
                 
             })
             .catch((err) => {
                 enqueueSnackbar(err.message, { variant: 'error' });
                 console.error(err);
+                setAddLoading(false);
             })
         else  enqueueSnackbar('Veuillez ajouter une image de couverture', { variant: 'error' });
             
@@ -333,7 +338,8 @@ export default function AddLiveView() {
                     type="submit"
                     variant="contained"
                     size="large"
-                    loading={isSubmitting}
+                    loading={addLoading}
+                    disabled={addLoading}
                     sx={{ ml: 2 }}
                 >
                     Enregistrer

src/shared/sections/lives/add-edit-live/edit-live-view.tsx

@@ -36,6 +36,7 @@ export default function EditLiveView() {
     const mdUp = useResponsive('up', 'md');
     const { enqueueSnackbar } = useSnackbar();
     const settings = useSettingsContext();
+    const [editLoding, setEditLoading] = useState(false);
 
     const NewLiveSchema = Yup.object().shape({
         title: Yup.string().required('Title is required'),
@@ -89,18 +90,23 @@ export default function EditLiveView() {
 
 
     const onSubmit = handleSubmit((data) => {
+        if (editLoding) return;
+        setEditLoading(true);
         const formData = {
             ...liveData,
             ...data
         };
+
         editLive(liveData.id, formData, image)
             .then(() => {
                 enqueueSnackbar('live modifié avec succés', { variant: 'success' });
                 setImage(null);
+                setEditLoading(false);
             })
             .catch((err) => {
                 enqueueSnackbar(err.message, { variant: 'error' });
                 console.error(err);
+                setEditLoading(false);
             });
     });
 
@@ -360,7 +366,8 @@ export default function EditLiveView() {
                         type="submit"
                         variant="contained"
                         size="large"
-                        loading={isSubmitting}
+                        loading={editLoding}
+                        disabled={editLoding}
                         sx={{ ml: 2 }}
                     >
                         Enregistrer