Merge pull request #1950 from automatisch/AUT-1074

fix: fix error for only Create role when publishing flow

packages/web/src/components/EditorLayout/index.jsx

@@ -14,6 +14,7 @@ import { EditorProvider } from 'contexts/Editor';
 import EditableTypography from 'components/EditableTypography';
 import Container from 'components/Container';
 import Editor from 'components/Editor';
+import Can from 'components/Can';
 import useFormatMessage from 'hooks/useFormatMessage';
 import { UPDATE_FLOW_STATUS } from 'graphql/mutations/update-flow-status';
 import { UPDATE_FLOW } from 'graphql/mutations/update-flow';
@@ -36,6 +37,7 @@ export default function EditorLayout() {
 
   const onFlowNameUpdate = React.useCallback(
     async (name) => {
+      try {
         await updateFlow({
           variables: {
             input: {
@@ -43,16 +45,10 @@ export default function EditorLayout() {
               name,
             },
           },
-        optimisticResponse: {
-          updateFlow: {
-            __typename: 'Flow',
-            id: flowId,
-            name,
-          },
-        },
         });
 
         await queryClient.invalidateQueries({ queryKey: ['flows', flowId] });
+      } catch (e) {}
     },
     [flowId, queryClient],
   );
@@ -67,13 +63,6 @@ export default function EditorLayout() {
               active,
             },
           },
-          optimisticResponse: {
-            updateFlowStatus: {
-              __typename: 'Flow',
-              id: flowId,
-              active,
-            },
-          },
         });
 
         await queryClient.invalidateQueries({ queryKey: ['flows', flowId] });
@@ -123,7 +112,10 @@ export default function EditorLayout() {
         </Box>
 
         <Box pr={1}>
+          <Can I="publish" a="Flow" passThrough>
+            {(allowed) => (
               <Button
+                disabled={!allowed || !flow}
                 variant="contained"
                 size="small"
                 onClick={() => onFlowStatusUpdate(!flow.active)}
@@ -135,6 +127,8 @@ export default function EditorLayout() {
                   ? formatMessage('flowEditor.unpublish')
                   : formatMessage('flowEditor.publish')}
               </Button>
+            )}
+          </Can>
         </Box>
       </TopBar>