fix(tabsContext.tsx): add optional 'silent' parameter to the saveFlow function to control whether to show success message or not

fix(PageComponent/index.tsx): pass 'true' as the second argument to the saveFlow function to prevent showing success message when saving flow every 30 seconds
fix(types/tabs/index.ts): update the saveFlow function signature to include the optional 'silent' parameter

src/frontend/src/contexts/tabsContext.tsx

@@ -52,7 +52,7 @@ const TabsContextInitialValue: TabsContextType = {
   isBuilt: false,
   setIsBuilt: (state: boolean) => {},
   hardReset: () => {},
-  saveFlow: async (flow: FlowType) => {},
+  saveFlow: async (flow: FlowType, silent?: boolean) => {},
   lastCopiedSelection: null,
   setLastCopiedSelection: (selection: any) => {},
   tabsState: {},
@@ -588,13 +588,15 @@ export function TabsProvider({ children }: { children: ReactNode }) {
     });
   }
 
-  async function saveFlow(newFlow: FlowType) {
+  async function saveFlow(newFlow: FlowType, silent?: boolean) {
     try {
       // updates flow in db
       const updatedFlow = await updateFlowInDatabase(newFlow);
       if (updatedFlow) {
         // updates flow in state
+        if (!silent) {
           setSuccessData({ title: "Changes saved successfully" });
+        }
         setFlows((prevState) => {
           const newFlows = [...prevState];
           const index = newFlows.findIndex((flow) => flow.id === newFlow.id);

src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx

@@ -168,7 +168,7 @@ export default function Page({
         let updatedSeconds = prevSeconds + 1;
 
         if (updatedSeconds % 30 === 0) {
-          saveFlow(flow);
+          saveFlow(flow, true);
           updatedSeconds = 0;
         }
 

src/frontend/src/types/tabs/index.ts

@@ -2,7 +2,7 @@ import { tweakType } from "../components";
 import { FlowType } from "../flow";
 
 export type TabsContextType = {
-  saveFlow: (flow: FlowType) => Promise<void>;
+  saveFlow: (flow: FlowType, silent?: boolean) => Promise<void>;
   save: () => void;
   tabId: string;
   isLoading: boolean;