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

Edited sorting func to be more comaptible and edited hideData to be more concise

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

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

@ -54,16 +54,14 @@ export default function Table<T extends DataPoint>({ data, setData, columns }: T
const columnHelper = createColumnHelper<T>(); const columnHelper = createColumnHelper<T>();
// For sorting // For sorting
const sortData = (prevData: T[]) => ( const visibilitySort = (a: T, b: T) => (
prevData.sort((a, b) =>
a.visible === b.visible a.visible === b.visible
? 0 ? 0
: a.visible ? -1 : 1 : a.visible ? -1 : 1
) )
)
useEffect(() => { useEffect(() => {
setData(prevData => sortData(prevData)) setData(prevData => prevData.sort(visibilitySort))
}, [setData]); }, [setData]);
// Data manipulation // Data manipulation
@ -77,17 +75,14 @@ export default function Table<T extends DataPoint>({ data, setData, columns }: T
const hideData = (dataId: number) => { const hideData = (dataId: number) => {
console.log(`Toggling visibility for data with ID: ${dataId}`); console.log(`Toggling visibility for data with ID: ${dataId}`);
setData((currentData) => { setData(currentData => {
const newData = currentData const newData = currentData
.map((data) => { .map(data => (
if (data.id === dataId) { data.id === dataId
return { ...data, visible: !data.visible }; ? { ...data, visible: !data.visible }
} : data
return data; ))
}) .sort(visibilitySort);
.sort((a, b) =>
a.visible === b.visible ? 0 : a.visible ? -1 : 1
);
console.log(newData); console.log(newData);
return newData; return newData;