switched to isFetching instead of isLoading

Jacobjeevan · Jan 22, 2025 · bf1c9f8 · bf1c9f8
1 parent 2d92913
commit bf1c9f8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/hooks/useGovtOrganizationLevel.ts b/src/hooks/useGovtOrganizationLevel.ts
@@ -35,7 +35,7 @@ export function useGovtOrganizationLevel({
       }
     : {};
 
-  const { data: organizations, isLoading } = useQuery({
+  const { data: organizations, isFetching } = useQuery({
     queryKey: ["organizations-level", parentId, searchQuery],
     queryFn: query.debounced(organizationApi.list, {
       queryParams: {
@@ -74,6 +74,6 @@ export function useGovtOrganizationLevel({
     handleChange,
     handleSearch,
     organizations: organizations?.results,
-    isLoading,
+    isFetching,
   };
 }
diff --git a/src/pages/Organization/components/GovtOrganizationSelector.tsx b/src/pages/Organization/components/GovtOrganizationSelector.tsx
@@ -41,7 +41,7 @@ function OrganizationLevelSelect({
 }: OrganizationLevelProps) {
   const parentId = index === 0 ? "" : previousLevel?.id || "";
 
-  const { options, handleChange, handleSearch, organizations, isLoading } =
+  const { options, handleChange, handleSearch, organizations, isFetching } =
     useGovtOrganizationLevel({
       index,
       onChange: (filter: FilterState, index: number) => {
@@ -69,7 +69,7 @@ function OrganizationLevelSelect({
         {required && <span className="text-red-500">*</span>}
       </Label>
       <div className="flex items-center gap-2">
-        {isLoading && <Loader2 className="h-6 w-6 animate-spin" />}
+        {isFetching && <Loader2 className="h-6 w-6 animate-spin" />}
         <Autocomplete
           value={currentLevel?.id || ""}
           options={options}