From 43b519ca37334f3a47a0cdf3282f391785b504b3 Mon Sep 17 00:00:00 2001
From: Carter <carter@adaptiveagriculture.ca>
Date: Wed, 4 Jun 2025 15:54:43 -0600
Subject: [PATCH] column widths save to local storage

---
 src/common/ResponsiveTable.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/common/ResponsiveTable.tsx b/src/common/ResponsiveTable.tsx
index 32fd229..a065606 100644
--- a/src/common/ResponsiveTable.tsx
+++ b/src/common/ResponsiveTable.tsx
@@ -151,7 +151,15 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
   const [handler, setHandler] = useState<NodeJS.Timeout | undefined>(undefined);
   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 dragStartRef = useRef<number | undefined>(undefined);
   const rowWidthsRef = useRef<number[]>([]);