From 9fe612007aa6894010307a3278092194ed9c9a25 Mon Sep 17 00:00:00 2001 From: Zabilsya Date: Thu, 16 Jan 2025 19:58:41 +0600 Subject: [PATCH] [DOP-21927] fix after review --- src/shared/ui/ManagedSelect/ManagedSelect.tsx | 4 ++-- src/shared/ui/ManagedSelect/hooks/useGetList/types.ts | 2 +- src/shared/ui/ManagedSelect/hooks/useGetList/useGetList.ts | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/shared/ui/ManagedSelect/ManagedSelect.tsx b/src/shared/ui/ManagedSelect/ManagedSelect.tsx index 252869db..8432f91b 100644 --- a/src/shared/ui/ManagedSelect/ManagedSelect.tsx +++ b/src/shared/ui/ManagedSelect/ManagedSelect.tsx @@ -19,14 +19,14 @@ export const ManagedSelect = ({ onSearch, ...props }: ManagedSelectProps) => { - const [touched, setTouched] = useState(false); + const [hasTouched, setTouched] = useState(false); const { searchValue, setSearchValue, handleSearch } = useSearch({ onSearch }); const { data, hasNextPage, fetchNextPage, isLoading, isFetching } = useGetList({ queryKey, queryFunction, - touched, + hasTouched, searchValue, }); diff --git a/src/shared/ui/ManagedSelect/hooks/useGetList/types.ts b/src/shared/ui/ManagedSelect/hooks/useGetList/types.ts index 277320f6..6fa6d242 100644 --- a/src/shared/ui/ManagedSelect/hooks/useGetList/types.ts +++ b/src/shared/ui/ManagedSelect/hooks/useGetList/types.ts @@ -8,7 +8,7 @@ import { QueryKey } from '@tanstack/react-query'; */ export interface UseGetListProps { /** Select was in focus one time at least */ - touched: boolean; + hasTouched: boolean; /** Query keys for requests cache of entity list data */ queryKey: QueryKey; /** Function for request entity list data */ diff --git a/src/shared/ui/ManagedSelect/hooks/useGetList/useGetList.ts b/src/shared/ui/ManagedSelect/hooks/useGetList/useGetList.ts index cf609cad..68ef27e2 100644 --- a/src/shared/ui/ManagedSelect/hooks/useGetList/useGetList.ts +++ b/src/shared/ui/ManagedSelect/hooks/useGetList/useGetList.ts @@ -5,7 +5,7 @@ import { PAGE_DEFAULT, PAGE_SIZE_DEFAULT, REQUEST_FIRST_PAGE_DELAY } from '../.. import { UseGetListProps } from './types'; /** Hook for getting option list data for Select */ -export const useGetList = ({ queryKey, queryFunction, searchValue, touched }: UseGetListProps) => { +export const useGetList = ({ queryKey, queryFunction, searchValue, hasTouched }: UseGetListProps) => { return useInfiniteRequest({ queryKey: [...queryKey, searchValue], queryFn: async ({ pageParam }) => { @@ -18,6 +18,6 @@ export const useGetList = ({ queryKey, queryFunction, searchValue, touched }: }, initialPageParam: { page: PAGE_DEFAULT, page_size: PAGE_SIZE_DEFAULT }, // Show first page of options when user touches select - enabled: touched, + enabled: hasTouched, }); };