diff --git a/web/src/components/listsTable/ListsTable.tsx b/web/src/components/listsTable/ListsTable.tsx index 47c352d68..870c9ab37 100644 --- a/web/src/components/listsTable/ListsTable.tsx +++ b/web/src/components/listsTable/ListsTable.tsx @@ -29,6 +29,7 @@ import { arraySorter } from "./arraySorter"; import { nameof } from "../../utils"; import styles from "./ListsTable.module.css"; import { TablePaginationConfig } from "antd/lib/table"; +import { SyntaxTag } from "../SyntaxTag"; interface Props { lists: List[]; @@ -192,20 +193,22 @@ export const ListsTable = (props: RouteComponentProps & Props) => { sorter={(a, b) => arraySorter(a.syntaxIds, b.syntaxIds, syntaxes)} width={254} className={styles.nogrow} - // filters={syntaxes.map((s) => ({ - // text: ( - // <> - // ( - // { - // visibleLists.filter( - // (l) => l.syntaxIds && l.syntaxIds === s.id - // ).length - // } - // ) - // - // ), - // value: s.id.toString(), - // }))} + filters={syntaxes.map((s) => ({ + text: ( + <> + +   + {s.name}  ( + { + visibleLists.filter( + (li) => li.syntaxIds && li.syntaxIds.includes(s.id) + ).length + } + ) + + ), + value: s.id.toString(), + }))} onFilter={(value, record) => record.syntaxIds ? record.syntaxIds.toString() === value : false }