chore: prevent pipe name flicker on publish

Author: kevinkim-ogp

packages/frontend/src/components/EditorLayout/index.tsx

@@ -46,7 +46,24 @@ export default function EditorLayout() {
   const isMobile = useIsMobile()
   const [updateFlow] = useMutation(UPDATE_FLOW)
   const [updateFlowStatus] = useMutation(UPDATE_FLOW_STATUS, {
-    refetchQueries: [GET_FLOW],
+    update(cache, { data }) {
+      const flow = cache.readQuery<{ getFlow: IFlow }>({
+        query: GET_FLOW,
+        variables: { id: flowId },
+      })
+      if (flow?.getFlow) {
+        cache.writeQuery({
+          query: GET_FLOW,
+          variables: { id: flowId },
+          data: {
+            getFlow: {
+              ...flow.getFlow,
+              active: data.updateFlowStatus.active,
+            },
+          },
+        })
+      }
+    },
   })
   const [shouldWarnOnLeave, setShouldWarnOnLeave] = useState(false)
   const {