Add canSave

twentyhq · Jul 31, 2024 · 588cccb · 588cccb
1 parent 632e2f5
commit 588cccb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 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
@@ -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/...s/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhookDetail.tsx b/...s/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>