From 5c756b16ca27a00a104584892ffd34061ef4008c Mon Sep 17 00:00:00 2001
From: "kasia.oczkowska" <katarzyna.oczkowska@theworkingroup.net>
Date: Fri, 12 Apr 2024 12:41:50 +0100
Subject: [PATCH] fix: disable create flow button when user doesn't have
 permissions

---
 packages/web/src/pages/Application/index.jsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/web/src/pages/Application/index.jsx b/packages/web/src/pages/Application/index.jsx
index 239df2de..43b8767a 100644
--- a/packages/web/src/pages/Application/index.jsx
+++ b/packages/web/src/pages/Application/index.jsx
@@ -19,6 +19,7 @@ import AddIcon from '@mui/icons-material/Add';
 
 import useFormatMessage from 'hooks/useFormatMessage';
 import useAppConfig from 'hooks/useAppConfig.ee';
+import useCurrentUserAbility from 'hooks/useCurrentUserAbility';
 import * as URLS from 'config/urls';
 import SplitButton from 'components/SplitButton';
 import ConditionalIconButton from 'components/ConditionalIconButton';
@@ -62,6 +63,8 @@ export default function Application() {
   const { data: appConfig } = useAppConfig(appKey);
   const connectionId = searchParams.get('connectionId') || undefined;
 
+  const currentUserAbility = useCurrentUserAbility();
+
   const goToApplicationPage = () => navigate('connections');
 
   const connectionOptions = React.useMemo(() => {
@@ -125,6 +128,7 @@ export default function Application() {
                       )}
                       fullWidth
                       icon={<AddIcon />}
+                      disabled={!currentUserAbility.can('create', 'Flow')}
                     >
                       {formatMessage('app.createFlow')}
                     </ConditionalIconButton>