diff --git a/web/src/screens/Dashboard.tsx b/web/src/screens/Dashboard.tsx index 1cd1319..34a0570 100644 --- a/web/src/screens/Dashboard.tsx +++ b/web/src/screens/Dashboard.tsx @@ -401,6 +401,12 @@ export function ReleaseCell({ value, column, row }: any) { ) } +export function IndexerCell({ value, column, row }: any) { + return ( +
{value}
+ ) +} + function Table({ columns, data }: any) { // Use the state and functions returned from useTable to build your UI const { @@ -668,6 +674,7 @@ function DataTablee() { { Header: "Indexer", accessor: 'indexer', + Cell: IndexerCell, Filter: SelectColumnFilter, // new filter: 'includes', }, diff --git a/web/src/screens/Releases.tsx b/web/src/screens/Releases.tsx index d49b2e2..a831206 100644 --- a/web/src/screens/Releases.tsx +++ b/web/src/screens/Releases.tsx @@ -145,6 +145,12 @@ export function ReleaseStatusCell({ value, column, row }: ReleaseStatusCellProps ) } +export function IndexerCell({ value, column, row }: any) { + return ( +
{value}
+ ) +} + const initialState = { queryPageIndex: 0, queryPageSize: 10, @@ -202,6 +208,7 @@ function Table() { { Header: "Indexer", accessor: 'indexer', + Cell: IndexerCell, Filter: SelectColumnFilter, // new filter: 'includes', }, diff --git a/web/src/screens/filters/list.tsx b/web/src/screens/filters/list.tsx index 49acaa4..802664d 100644 --- a/web/src/screens/filters/list.tsx +++ b/web/src/screens/filters/list.tsx @@ -155,7 +155,11 @@ function FilterListItem({ filter, idx }: FilterListItemProps) { /> - {filter.name} + + + {filter.name} + + {filter.indexers && filter.indexers.map(t => {t.name})}