feat: persistent width

equinor · Oct 30, 2023 · 9ae8765 · 9ae8765
1 parent f434fa3
commit 9ae8765
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/dm-core-plugins/src/explorer/components/Sidebar.tsx b/packages/dm-core-plugins/src/explorer/components/Sidebar.tsx
@@ -8,9 +8,15 @@ type TProps = {
 
 export default function Sidebar(props: TProps) {
   const { children } = props
-  const [width, setWidth] = useState<number>(defaultWidth)
+  const [width, setWidth] = useState<number>(
+    parseInt(String(localStorage.getItem('explorerWidth'))) ?? defaultWidth
+  )
   const isResized = useRef<boolean>(false)
 
+  useEffect(() => {
+    localStorage.setItem('explorerWidth', String(width))
+  }, [width])
+
   useEffect(() => {
     window.addEventListener('mousemove', (e) => {
       if (!isResized.current) {