brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

column widths save to local storage

Browse source
This commit is contained in:
Carter 2025-06-04 15:54:43 -06:00
parent f328c4036a
commit 43b519ca37
1 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/common/ResponsiveTable.tsx
View file

@ -151,7 +151,15 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
const [handler, setHandler] = useState<NodeJS.Timeout | undefined>(undefined); const [handler, setHandler] = useState<NodeJS.Timeout | undefined>(undefined);
const [columnAnchor, setColumnAnchor] = useState<any>(null) const [columnAnchor, setColumnAnchor] = useState<any>(null)
const [rowWidths, setRowWidths] = useState<number[]>([]) const rowKey = window.location.pathname.split('/').pop() + "-table-row-widths";
const [rowWidths, setRowWidths] = useState<number[]>(() => {
const saved = localStorage.getItem(rowKey);
return saved ? JSON.parse(saved) : [];
})
useEffect(() => {
localStorage.setItem(rowKey, JSON.stringify(rowWidths));
}, [rowWidths])
const dragIndexRef = useRef<number | undefined>(undefined); const dragIndexRef = useRef<number | undefined>(undefined);
const dragStartRef = useRef<number | undefined>(undefined); const dragStartRef = useRef<number | undefined>(undefined);
const rowWidthsRef = useRef<number[]>([]); const rowWidthsRef = useRef<number[]>([]);