fix: search selection

oae · Oct 13, 2022 · 216b926 · 216b926
1 parent 93154a5
commit 216b926
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/addManga/mangaSearchResult.tsx b/src/components/addManga/mangaSearchResult.tsx
@@ -1,6 +1,6 @@
 import { createStyles, Image, SimpleGrid, Text, UnstyledButton } from '@mantine/core';
 import { useUncontrolled } from '@mantine/hooks';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 
 const useStyles = createStyles((theme, { checked, disabled }: { checked: boolean; disabled: boolean }) => ({
   button: {
@@ -111,6 +111,10 @@ export function MangaSearchResult({
 }) {
   const [selected, setSelected] = useState<IMangaSearchResult>();
 
+  useEffect(() => {
+    setSelected(undefined);
+  }, [items]);
+
   return (
     <SimpleGrid
       cols={2}

diff --git a/src/components/addManga/steps/searchStep.tsx b/src/components/addManga/steps/searchStep.tsx
@@ -19,6 +19,8 @@ export function SearchStep({ form }: { form: UseFormReturnType<FormType> }) {
     if (!form.isValid('query')) {
       return;
     }
+    form.setFieldValue('mangaOrder', -1);
+    form.setFieldValue('mangaTitle', '');
     setLoading(true);
     const result = await ctx.manga.search.fetch({
       keyword: form.values.query,