From 869e8dc536e0576084563d811b69fc2ba8484ca2 Mon Sep 17 00:00:00 2001
From: Johannes Schmidt <devshred@tigerflanke.de>
Date: Sun, 30 Jun 2024 14:57:27 +0200
Subject: [PATCH] fix(react): store selected theme locally

---
 src/routes/-components/ThemeSwitcher.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/routes/-components/ThemeSwitcher.tsx b/src/routes/-components/ThemeSwitcher.tsx
index 10e81c8..92349d3 100644
--- a/src/routes/-components/ThemeSwitcher.tsx
+++ b/src/routes/-components/ThemeSwitcher.tsx
@@ -1,9 +1,10 @@
-import { useEffect, useState } from 'react'
+import { useEffect } from 'react'
+import { useLocalStorage } from '@uidotdev/usehooks'
 
 export type Theme = 'light' | 'dark'
 
 const ThemeSwitcher = () => {
-  const [theme, setTheme] = useState<Theme>('dark')
+  const [theme, setTheme] = useLocalStorage<Theme>('gps-tools_theme', 'dark')
 
   useEffect(() => {
     document.querySelector('html')?.setAttribute('data-theme', theme)