mirror/bazarr
1
0
Fork 0
mirror of https://github.com/morpheus65535/bazarr synced 2025-01-03 13:35:18 +00:00
Code Issues Releases Wiki Activity

Improve manual search modal. Change cache behavior of manual search api to no cache

Browse source
This commit is contained in:
LASER-Yi 2023-09-03 15:54:23 +08:00
parent 79f5c7d675
commit 714c46444a
No known key found for this signature in database
2 changed files with 18 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/apis/hooks/providers.ts
View file

@ -18,7 +18,7 @@ export function useMoviesProvider(radarrId?: number) {
}
},
{
staleTime: Infinity,
staleTime: 0,
}
);
}
@ -32,7 +32,7 @@ export function useEpisodesProvider(episodeId?: number) {
}
},
{
staleTime: Infinity,
staleTime: 0,
}
);
}

24
frontend/src/components/modals/ManualSearchModal.tsx
View file

@ -40,18 +40,18 @@ interface Props<T extends SupportType> {
function ManualSearchView<T extends SupportType>(props: Props<T>) {
const { download, query: useSearch, item } = props;
const itemId = useMemo(() => GetItemId(item ?? {}), [item]);
const [searchStarted, setSearchStarted] = useState(false);
const [id, setId] = useState<number | undefined>(undefined);
const itemId = useMemo(() => GetItemId(item), [item]);
const results = useSearch(id);
const results = useSearch(searchStarted ? itemId : undefined);
const isStale = results.data === undefined;
const haveResult = results.data !== undefined;
const search = useCallback(() => {
setId(itemId);
setSearchStarted(true);
results.refetch();
}, [itemId, results]);
}, [results]);
const columns = useMemo<Column<SearchResultType>[]>(
() => [
@ -190,6 +190,14 @@ function ManualSearchView<T extends SupportType>(props: Props<T>) {
const bSceneNameAvailable =
isString(item.sceneName) && item.sceneName.length !== 0;
const searchButtonText = useMemo(() => {
if (results.isFetching) {
return "Searching";
}
return searchStarted ? "Search Again" : "Search";
}, [results.isFetching, searchStarted]);
return (
<Stack>
<Alert
@ -201,7 +209,7 @@ function ManualSearchView<T extends SupportType>(props: Props<T>) {
<Divider hidden={!bSceneNameAvailable} my="xs"></Divider>
<Code hidden={!bSceneNameAvailable}>{item?.sceneName}</Code>
</Alert>
<Collapse in={!isStale && !results.isFetching}>
<Collapse in={haveResult && !results.isFetching}>
<PageTable
tableStyles={{ emptyText: "No result", placeholder: 10 }}
columns={columns}
@ -210,7 +218,7 @@ function ManualSearchView<T extends SupportType>(props: Props<T>) {
</Collapse>
<Divider></Divider>
<Button loading={results.isFetching} fullWidth onClick={search}>
{isStale ? "Search" : "Search Again"}
{searchButtonText}
</Button>
</Stack>
);