fix: filter empty result

oae · Oct 15, 2022 · 977b3d8 · 977b3d8
1 parent 6e9a6a4
commit 977b3d8
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 12 deletions.
diff --git a/src/components/addManga/steps/searchStep.tsx b/src/components/addManga/steps/searchStep.tsx
@@ -1,4 +1,4 @@
-import { ActionIcon, LoadingOverlay, TextInput } from '@mantine/core';
+import { ActionIcon, LoadingOverlay, Text, TextInput } from '@mantine/core';
 import { UseFormReturnType } from '@mantine/form';
 import { getHotkeyHandler } from '@mantine/hooks';
 import { IconArrowRight, IconSearch } from '@tabler/icons';
@@ -13,6 +13,7 @@ export function SearchStep({ form }: { form: UseFormReturnType<FormType> }) {
 
   const [loading, setLoading] = useState(false);
   const [searchResult, setSearchResult] = useState<SearchResult>([]);
+  const [isEmptyResult, setIsEmptyResult] = useState(false);
 
   const handleSearch = async () => {
     form.validateField('query');
@@ -27,6 +28,8 @@ export function SearchStep({ form }: { form: UseFormReturnType<FormType> }) {
     });
     setLoading(false);
 
+    setIsEmptyResult(result.length === 0);
+
     if (result) {
       setSearchResult(result);
     }
@@ -54,16 +57,20 @@ export function SearchStep({ form }: { form: UseFormReturnType<FormType> }) {
         {...form.getInputProps('query')}
       />
       <TextInput hidden {...form.getInputProps('mangaTitle')} />
-      <MangaSearchResult
-        items={searchResult}
-        onSelect={(selected) => {
-          if (selected) {
-            form.setFieldValue('mangaTitle', selected.title);
-          } else {
-            form.setFieldValue('mangaTitle', '');
-          }
-        }}
-      />
+      {isEmptyResult ? (
+        <Text color="red">No result found...</Text>
+      ) : (
+        <MangaSearchResult
+          items={searchResult}
+          onSelect={(selected) => {
+            if (selected) {
+              form.setFieldValue('mangaTitle', selected.title);
+            } else {
+              form.setFieldValue('mangaTitle', '');
+            }
+          }}
+        />
+      )}
     </>
   );
 }
diff --git a/src/server/trpc/router/manga.ts b/src/server/trpc/router/manga.ts
@@ -69,7 +69,7 @@ export const mangaRouter = t.router({
         status: m.Metadata.Status,
         title: m.Name,
         cover: m.Metadata.Cover,
-      }));
+      })).filter((m) => !!m.title);
     }),
   remove: t.procedure
     .input(