From 588cccb620c0bed4f67a0a5d18edd6d099afccb2 Mon Sep 17 00:00:00 2001
From: Thomas Trompette <thomas.trompette@sfr.fr>
Date: Wed, 31 Jul 2024 10:38:57 +0200
Subject: [PATCH] Add canSave

---
 .../src/modules/ui/input/editor/components/BlockEditor.tsx   | 3 +--
 .../developers/webhooks/SettingsDevelopersWebhookDetail.tsx  | 5 +++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/twenty-front/src/modules/ui/input/editor/components/BlockEditor.tsx b/packages/twenty-front/src/modules/ui/input/editor/components/BlockEditor.tsx
index 1b028ffbe99c..62797f317c0e 100644
--- a/packages/twenty-front/src/modules/ui/input/editor/components/BlockEditor.tsx
+++ b/packages/twenty-front/src/modules/ui/input/editor/components/BlockEditor.tsx
@@ -1,10 +1,9 @@
-import { ClipboardEvent } from 'react';
 import { filterSuggestionItems } from '@blocknote/core';
 import { BlockNoteView } from '@blocknote/mantine';
 import { SuggestionMenuController } from '@blocknote/react';
-
 import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
+import { ClipboardEvent } from 'react';
 
 import { blockSchema } from '@/activities/blocks/schema';
 import { getSlashMenu } from '@/activities/blocks/slashMenu';
diff --git a/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhookDetail.tsx b/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhookDetail.tsx
index af39db1bc17f..74cf5c0b2018 100644
--- a/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhookDetail.tsx
+++ b/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhookDetail.tsx
@@ -44,6 +44,10 @@ export const SettingsDevelopersWebhooksDetail = () => {
     navigate('/settings/developers');
   };
   const formConfig = useForm<SettingsDevelopersWebhooksDetailForm>();
+
+  const { isDirty, isValid, isSubmitting } = formConfig.formState;
+  const canSave = isDirty && isValid && !isSubmitting;
+
   const handleSave = async (
     formValues: SettingsDevelopersWebhooksDetailForm,
   ) => {
@@ -76,6 +80,7 @@ export const SettingsDevelopersWebhooksDetail = () => {
               <SaveAndCancelButtons
                 onCancel={() => navigate(`/settings/developers`)}
                 onSave={formConfig.handleSubmit(handleSave)}
+                isSaveDisabled={!canSave}
               />
             </SettingsHeaderContainer>
             <Section>