From 116254243d9236ff14fc490ac01cc6ab7ade499f Mon Sep 17 00:00:00 2001
From: Jonathanlemon <43302879+Jonathanlemon@users.noreply.github.com>
Date: Mon, 19 Feb 2024 16:37:02 -0500
Subject: [PATCH] [Enter] key autosave for new API key and webhook (#3955)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Added functionality for onKeyDown for new webhook and new API key, to save when the user presses the [Enter] key

* Update SettingsDevelopersApiKeysNew.tsx

Fix for linter

* Update SettingsDevelopersWebhooksNew.tsx

Fix for linter

* Update SettingsDevelopersApiKeysNew.tsx

Got rid of extra space in if statement

* Update SettingsDevelopersWebhooksNew.tsx

Got rid of extra space for if statement

* Update SettingsDevelopersApiKeysNew.tsx

prettier

* Update SettingsDevelopersWebhooksNew.tsx

prettier

* Fix linter

---------

Co-authored-by: Félix Malfait <felix.malfait@gmail.com>
---
 .../developers/api-keys/SettingsDevelopersApiKeysNew.tsx     | 5 +++++
 .../developers/webhooks/SettingsDevelopersWebhooksNew.tsx    | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeysNew.tsx b/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeysNew.tsx
index c13f6931c..e09957cc5 100644
--- a/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeysNew.tsx
+++ b/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeysNew.tsx
@@ -83,6 +83,11 @@ export const SettingsDevelopersApiKeysNew = () => {
           <TextInput
             placeholder="E.g. backoffice integration"
             value={formValues.name}
+            onKeyDown={(e) => {
+              if (e.key === 'Enter') {
+                handleSave();
+              }
+            }}
             onChange={(value) => {
               setFormValues((prevState) => ({
                 ...prevState,
diff --git a/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhooksNew.tsx b/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhooksNew.tsx
index 4de247f31..33a04142a 100644
--- a/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhooksNew.tsx
+++ b/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhooksNew.tsx
@@ -60,6 +60,11 @@ export const SettingsDevelopersWebhooksNew = () => {
           <TextInput
             placeholder="URL"
             value={formValues.targetUrl}
+            onKeyDown={(e) => {
+              if (e.key === 'Enter') {
+                handleSave();
+              }
+            }}
             onChange={(value) => {
               setFormValues((prevState) => ({
                 ...prevState,