fix: add missing snackbars on flow status update

packages/web/src/hooks/useUpdateFlowStatus.js

@@ -1,8 +1,10 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import api from 'helpers/api';
+import useEnqueueSnackbar from 'hooks/useEnqueueSnackbar';
 
 export default function useUpdateFlowStatus(flowId) {
   const queryClient = useQueryClient();
+  const enqueueSnackbar = useEnqueueSnackbar();
 
   const query = useMutation({
     mutationFn: async (active) => {
@@ -17,6 +19,20 @@ export default function useUpdateFlowStatus(flowId) {
         queryKey: ['flows', flowId],
       });
     },
+    onError: (error) => {
+      const errors = Object.values(
+        error.response.data.errors || [['Failed while updating flow status!']],
+      );
+
+      for (const [error] of errors) {
+        enqueueSnackbar(error, {
+          variant: 'error',
+          SnackbarProps: {
+            'data-test': 'snackbar-error',
+          },
+        });
+      }
+    }
   });
 
   return query;