From 5f8b96704b99d4938e9cd1f7615b8c7e271e0055 Mon Sep 17 00:00:00 2001
From: Manuel <30572287+manuel-rw@users.noreply.github.com>
Date: Sat, 23 Mar 2024 16:18:02 +0100
Subject: [PATCH] fix: #1976 lower debounce time (#1979)

---
 .../Modals/EditAppModal/Tabs/AppereanceTab/AppereanceTab.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/Dashboard/Modals/EditAppModal/Tabs/AppereanceTab/AppereanceTab.tsx b/src/components/Dashboard/Modals/EditAppModal/Tabs/AppereanceTab/AppereanceTab.tsx
index b1a6e80fe..ee9b6e25a 100644
--- a/src/components/Dashboard/Modals/EditAppModal/Tabs/AppereanceTab/AppereanceTab.tsx
+++ b/src/components/Dashboard/Modals/EditAppModal/Tabs/AppereanceTab/AppereanceTab.tsx
@@ -1,4 +1,4 @@
-import { Flex, NumberInput, Select, Stack, Switch, Tabs } from '@mantine/core';
+import { Flex, NumberInput, Select, Stack, Tabs } from '@mantine/core';
 import { UseFormReturnType } from '@mantine/form';
 import { useDebouncedValue } from '@mantine/hooks';
 import { useTranslation } from 'next-i18next';
@@ -18,14 +18,13 @@ export const AppearanceTab = ({
   allowAppNamePropagation,
 }: AppearanceTabProps) => {
   const iconSelectorRef = useRef();
-  const [debouncedValue] = useDebouncedValue(form.values.name, 500);
+  const [debouncedValue] = useDebouncedValue(form.values.name, 2 * 1000); // 2 seconds debounce
   const { t } = useTranslation('layout/modals/add-app');
 
   useEffect(() => {
     if (allowAppNamePropagation !== true) {
       return;
     }
-
     if (!iconSelectorRef.current) {
       return;
     }