idanoo/autobrr
1
0
Fork 0
mirror of https://github.com/idanoo/autobrr synced 2025-07-23 00:39:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(releases): show indexer name in indexer filter (#1720)

Browse source 
* feat(releases): show indexer name instead of identifier in releases indexer filter

* feat(releases): set correct types

* refactor(releases): show indexer name instead of identifier in releases indexer filter

* feat(releases): move listbox options back to render
feat(releases): fallback to identifier instead of showing unknown
This commit is contained in:
martylukyy 2024-09-13 17:05:23 +02:00 • committed by GitHub
parent 2681c2357d
commit 51265b6702
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 18 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

16
web/src/api/queries.ts
View file

@ -3,7 +3,7 @@
* SPDX-License-Identifier: GPL-2.0-or-later
*/
import { keepPreviousData, queryOptions } from "@tanstack/react-query";
import { queryOptions } from "@tanstack/react-query";
import { APIClient } from "@api/APIClient";
import {
ApiKeys,
@ -133,8 +133,18 @@ export const ReleasesStatsQueryOptions = () =>
export const ReleasesIndexersQueryOptions = () =>
queryOptions({
queryKey: ReleaseKeys.indexers(),
queryFn: () => APIClient.release.indexerOptions(),
placeholderData: keepPreviousData,
queryFn: async () => {
const indexersResponse: IndexerDefinition[] = await APIClient.indexers.getAll();
const indexerOptionsResponse: string[] = await APIClient.release.indexerOptions();
const indexersMap = new Map(indexersResponse.map((indexer: IndexerDefinition) => [indexer.identifier, indexer.name]));
return indexerOptionsResponse.map((identifier: string) => ({
name: indexersMap.get(identifier) || identifier,
identifier: identifier
}));
},
refetchOnWindowFocus: false,
staleTime: Infinity
});

7
web/src/screens/releases/ReleaseFilters.tsx
View file

@ -69,17 +69,20 @@ export const IndexerSelectColumnFilter = ({
}: FilterProps<object>) => {
const { data, isSuccess } = useQuery(ReleasesIndexersQueryOptions());
// Assign indexer name based on the filterValue (indexer.identifier)
const currentIndexerName = data?.find(indexer => indexer.identifier === filterValue)?.name ?? "Indexer";
// Render a multi-select box
return (
<ListboxFilter
id={id}
key={id}
label={filterValue ?? "Indexer"}
label={currentIndexerName}
currentValue={filterValue ?? ""}
onChange={setFilter}
>
{isSuccess && data && data?.map((indexer, idx) => (
<FilterOption key={idx} label={indexer} value={indexer} />
<FilterOption key={idx} label={indexer.name} value={indexer.identifier} />
))}
</ListboxFilter>
);