jazzymc/homarr
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: #1976 lower debounce time (#1979)

Browse Source
This commit is contained in:
Manuel
2024-03-23 16:18:02 +01:00
committed by GitHub
parent d512ae7e22
commit 5f8b96704b
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Dashboard/Modals/EditAppModal/Tabs/AppereanceTab/AppereanceTab.tsx
View File

@@ -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 { UseFormReturnType } from '@mantine/form';
import { useDebouncedValue } from '@mantine/hooks'; import { useDebouncedValue } from '@mantine/hooks';
import { useTranslation } from 'next-i18next'; import { useTranslation } from 'next-i18next';
@@ -18,14 +18,13 @@ export const AppearanceTab = ({
allowAppNamePropagation, allowAppNamePropagation,
}: AppearanceTabProps) => { }: AppearanceTabProps) => {
const iconSelectorRef = useRef(); 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'); const { t } = useTranslation('layout/modals/add-app');
useEffect(() => { useEffect(() => {
if (allowAppNamePropagation !== true) { if (allowAppNamePropagation !== true) {
return; return;
} }
if (!iconSelectorRef.current) { if (!iconSelectorRef.current) {
return; return;
} }