fix: disable search if there are no library created yet

oae · Oct 29, 2022 · a18d166 · a18d166
1 parent cc9e743
commit a18d166
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/components/headerSearch.tsx b/src/components/headerSearch.tsx
@@ -26,6 +26,7 @@ export function SearchControl() {
 
   const router = useRouter();
   const mangaQuery = trpc.manga.query.useQuery();
+  const libraryQuery = trpc.library.query.useQuery();
   const { classes, cx } = useStyles();
 
   useEffect(() => {
@@ -69,6 +70,7 @@ export function SearchControl() {
       searchIcon={<IconSearch size={18} />}
       highlightQuery
       limit={5}
+      disabled={libraryQuery.isLoading || !libraryQuery.data}
       searchPlaceholder="Search..."
       shortcut="ctrl + p"
       nothingFoundMessage="Nothing found..."