fix: core ui components instead

twentyhq · Aug 29, 2024 · 89d053e · 89d053e
1 parent 4478c81
commit 89d053e
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/packages/twenty-front/src/modules/ui/input/components/TextArea.tsx b/packages/twenty-front/src/modules/ui/input/components/TextArea.tsx
@@ -1,9 +1,10 @@
+import styled from '@emotion/styled';
 import { FocusEventHandler } from 'react';
 import TextareaAutosize from 'react-textarea-autosize';
-import styled from '@emotion/styled';
 
 import { usePreviousHotkeyScope } from '@/ui/utilities/hotkey/hooks/usePreviousHotkeyScope';
 
+import { convertToEmptyStringForWhitespaces } from '~/utils/string/convertToEmptyStringForWhitespaces';
 import { InputHotkeyScope } from '../types/InputHotkeyScope';
 
 const MAX_ROWS = 5;
@@ -75,7 +76,9 @@ export const TextArea = ({
       maxRows={MAX_ROWS}
       minRows={computedMinRows}
       value={value}
-      onChange={(event) => onChange?.(event.target.value)}
+      onChange={(event) =>
+        onChange?.(convertToEmptyStringForWhitespaces(event.target.value))
+      }
       onFocus={handleFocus}
       onBlur={handleBlur}
       disabled={disabled}

diff --git a/...es/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeyDetail.tsx b/...es/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeyDetail.tsx
@@ -173,9 +173,7 @@ export const SettingsDevelopersApiKeyDetail = () => {
                 apiKeyName={apiKeyName}
                 apiKeyId={apiKeyData?.id}
                 disabled={loading}
-                onNameUpdate={(value: string) => {
-                  setApiKeyName(value);
-                }}
+                onNameUpdate={setApiKeyName}
               />
             </Section>
             <Section>

diff --git a/...twenty-front/src/pages/settings/serverless-functions/SettingsServerlessFunctionDetail.tsx b/...twenty-front/src/pages/settings/serverless-functions/SettingsServerlessFunctionDetail.tsx
@@ -79,7 +79,7 @@ export const SettingsServerlessFunctionDetail = () => {
     return async (value: string) => {
       setFormValues((prevState) => ({
         ...prevState,
-        [key]: convertToEmptyStringForWhitespaces(value),
+        [key]: value,
       }));
       await handleSave();
     };

diff --git a/...s/twenty-front/src/pages/settings/serverless-functions/SettingsServerlessFunctionsNew.tsx b/...s/twenty-front/src/pages/settings/serverless-functions/SettingsServerlessFunctionsNew.tsx
@@ -17,7 +17,6 @@ import { Key } from 'ts-key-enum';
 import { IconFunction } from 'twenty-ui';
 import { useHotkeyScopeOnMount } from '~/hooks/useHotkeyScopeOnMount';
 import { isDefined } from '~/utils/isDefined';
-import { convertToEmptyStringForWhitespaces } from '~/utils/string/convertToEmptyStringForWhitespaces';
 
 export const SettingsServerlessFunctionsNew = () => {
   const navigate = useNavigate();
@@ -50,7 +49,7 @@ export const SettingsServerlessFunctionsNew = () => {
     return (value: string) => {
       setFormValues((prevState) => ({
         ...prevState,
-        [key]: convertToEmptyStringForWhitespaces(value),
+        [key]: value,
       }));
     };
   };