diff --git a/src/components/feature-coverage/FeatureCoverage.tsx b/src/components/feature-coverage/FeatureCoverage.tsx index e90199da..f746aa4c 100644 --- a/src/components/feature-coverage/FeatureCoverage.tsx +++ b/src/components/feature-coverage/FeatureCoverage.tsx @@ -51,13 +51,6 @@ const columns: ColumnDef[] = [ enableSorting: true, enableResizing: false, }, - { - id: 'image', - accessorFn: (row) => row[Object.keys(row)[0]].availability, - header: () => 'Image', - enableSorting: false, - enableResizing: false, - }, { id: 'k8s_support', accessorFn: (row) => row[Object.keys(row)[0]].k8s_test_suite, @@ -66,8 +59,9 @@ const columns: ColumnDef[] = [ enableSorting: false, enableResizing: false, meta: { - tooltip: 'Indicates whether this operation has passed our internal integration test suite running against a LocalStack pod deployed on a Kubernetes cluster.' - } + tooltip: + 'Indicates whether this operation has passed our internal integration test suite running against a LocalStack pod deployed on a Kubernetes cluster.', + }, }, ]; @@ -78,7 +72,7 @@ export default function PersistenceCoverage({ service }: { service: string }) { { id: 'operation', desc: false }, ]); const [columnFilters, setColumnFilters] = React.useState( - [] + [], ); React.useEffect(() => { @@ -94,8 +88,8 @@ export default function PersistenceCoverage({ service }: { service: string }) { const table = useReactTable({ data: coverage, columns, - state: { - sorting, + state: { + sorting, columnFilters, }, onSortingChange: setSorting, @@ -122,7 +116,7 @@ export default function PersistenceCoverage({ service }: { service: string }) { } className="border rounded px-2 py-1 w-full max-w-xs" style={{ - color: '#707385', + color: '#707385', fontFamily: 'AeonikFono', fontSize: '14px', fontStyle: 'normal', @@ -133,9 +127,9 @@ export default function PersistenceCoverage({ service }: { service: string }) { />
- {headerGroup.headers.map((header, index) => { const canSort = header.column.getCanSort(); - + const getColumnWidth = (columnId: string) => { switch (columnId) { case 'operation': return '90%'; case 'implemented': return '15%'; - case 'image': - return '15%'; case 'k8s_support': return '15%'; default: return '15%'; } }; - + return ( {flexRender( header.column.columnDef.header, - header.getContext() + header.getContext(), )} {header.column.columnDef.meta?.tooltip && ( - - - + + + )} {canSort && ( {header.column.getIsSorted() === 'asc' ? ' ▲' : header.column.getIsSorted() === 'desc' - ? ' ▼' - : ''} + ? ' ▼' + : ''} )} @@ -219,15 +212,17 @@ export default function PersistenceCoverage({ service }: { service: string }) { ))} - + {table.getRowModel().rows.map((row) => ( {row.getVisibleCells().map((cell) => { @@ -235,17 +230,19 @@ export default function PersistenceCoverage({ service }: { service: string }) { {flexRender( cell.column.columnDef.cell, - cell.getContext() + cell.getContext(), )} ); @@ -259,7 +256,7 @@ export default function PersistenceCoverage({ service }: { service: string }) {