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
}