rushilwiz/compass
1
0
Fork 0
mirror of https://github.com/cssgunc/compass.git synced 2025-04-20 18:40:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

added sorting util function to Table.tsx to reduce repetition

Browse Source
This commit is contained in:
Nick A 2024-10-29 13:22:04 -04:00
parent 4e79bae4b4
commit cf68ae57ff
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
compass/components/Table/Table.tsx
View File

@ -43,19 +43,27 @@ const fuzzyFilter = (
return itemRank.passed; return itemRank.passed;
}; };
/** /**
* General componenet that holds shared functionality for any data table component * General componenet that holds shared functionality for any data table component
* @param props.data Stateful list of data to be held in the table * @param props.data Stateful list of data to be held in the table
* @param props.setData State setter for the list of data * @param props.setData State setter for the list of data
* @param props.columns Column definitions made with Tanstack columnHelper * @param props.columns Column definitions made with Tanstack columnHelper
*/ */
export default function Table<T extends DataPoint>({ data, setData, columns }: TableProps<T>) { export default function Table<T extends DataPoint>({ data, setData, columns }: TableProps<T>) {
const columnHelper = createColumnHelper<T>(); const columnHelper = createColumnHelper<T>();
// For sorting
const sortData = (prevData: T[]) => (
prevData.sort((a, b) =>
a.visible === b.visible
? 0
: a.visible ? -1 : 1
)
)
useEffect(() => { useEffect(() => {
setData(prevData => prevData.sort((a, b) => setData(prevData => sortData(prevData))
a.visible === b.visible ? 0 : a.visible ? -1 : 1
))
}, [setData]); }, [setData]);
// Data manipulation // Data manipulation