From 1172a91a0724a15688c551dbb759654e32ea1801 Mon Sep 17 00:00:00 2001
From: CREDO23 <thierrybakera12@gmail.com>
Date: Fri, 12 Dec 2025 08:59:13 +0000
Subject: [PATCH] refactor: migrate AppSidebarProvider to use useQuery for
 search space fetch

---
 .../components/sidebar/AppSidebarProvider.tsx   | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/surfsense_web/components/sidebar/AppSidebarProvider.tsx b/surfsense_web/components/sidebar/AppSidebarProvider.tsx
index 76d92ba3b..fce8697f7 100644
--- a/surfsense_web/components/sidebar/AppSidebarProvider.tsx
+++ b/surfsense_web/components/sidebar/AppSidebarProvider.tsx
@@ -17,7 +17,10 @@ import {
 	DialogHeader,
 	DialogTitle,
 } from "@/components/ui/dialog";
-import { useSearchSpace, useUser } from "@/hooks";
+import { useUser } from "@/hooks";
+import { useQuery } from "@tanstack/react-query";
+import { searchSpacesApiService } from "@/lib/apis/search-spaces-api.service";
+import { cacheKeys } from "@/lib/query-client/cache-keys";
 
 interface AppSidebarProviderProps {
 	searchSpaceId: string;
@@ -55,11 +58,15 @@ export function AppSidebarProvider({
 	}, [searchSpaceId]);
 
 	const {
-		searchSpace,
-		loading: isLoadingSearchSpace,
+		data: searchSpace,
+		isLoading: isLoadingSearchSpace,
 		error: searchSpaceError,
-		fetchSearchSpace,
-	} = useSearchSpace({ searchSpaceId });
+		refetch: fetchSearchSpace,
+	} = useQuery({
+		queryKey: cacheKeys.searchSpaces.detail(searchSpaceId),
+		queryFn: () => searchSpacesApiService.getSearchSpace({ id: Number(searchSpaceId) }),
+		enabled: !!searchSpaceId,
+	});
 
 	const { user } = useUser();