rushilwiz/compass
1
0
Fork 0
mirror of https://github.com/cssgunc/compass.git synced 2025-04-09 14:00:15 -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 20083b0866
commit 53fccb09cf
1 changed files with 13 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
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>();
// For sorting
const sortData = (prevData: T[]) => (
prevData.sort((a, b) =>
a.visible === b.visible
? 0
: a.visible ? -1 : 1
)
const visibilitySort = (a: T, b: T) => (
a.visible === b.visible
? 0
: a.visible ? -1 : 1
)
useEffect(() => {
setData(prevData => sortData(prevData))
setData(prevData => prevData.sort(visibilitySort))
}, [setData]);
// Data manipulation
@ -74,20 +72,17 @@ export default function Table<T extends DataPoint>({ data, setData, columns }: T
currentData.filter((data) => data.id !== dataId)
);
};
const hideData = (dataId: number) => {
console.log(`Toggling visibility for data with ID: ${dataId}`);
setData((currentData) => {
setData(currentData => {
const newData = currentData
.map((data) => {
if (data.id === dataId) {
return { ...data, visible: !data.visible };
}
return data;
})
.sort((a, b) =>
a.visible === b.visible ? 0 : a.visible ? -1 : 1
);
.map(data => (
data.id === dataId
? { ...data, visible: !data.visible }
: data
))
.sort(visibilitySort);
console.log(newData);
return newData;