Hide controls if no search results

premieroctet · Sep 14, 2023 · 8e64c20 · 8e64c20
1 parent c734c69
commit 8e64c20
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/bookmark/BookmarksListControls.tsx b/src/components/bookmark/BookmarksListControls.tsx
@@ -9,14 +9,14 @@ export const BookmarksListControls = ({
   linkCount,
 }: { linkCount: number } & PropsWithChildren) => {
   const searchParams = useSearchParams();
+  const params = new URLSearchParams(searchParams);
   const path = usePathname();
   let [isPending, startTransition] = useTransition();
   const { replace } = useRouter();
 
   const handleCheckboxChange = () => {
     if (!searchParams) return;
 
-    const params = new URLSearchParams(searchParams);
     if (params.get('all') === 'true') {
       params.delete('all');
     } else {
@@ -28,6 +28,8 @@ export const BookmarksListControls = ({
     });
   };
 
+  if (params?.get('search') && !linkCount) return null;
+
   return (
     <div className="flex items-center justify-end gap-3 max-sm:w-full max-sm:justify-between">
       <Switch