refactor(hooks): mark system as key for system theme

nextui-org · Oct 9, 2024 · b7db3d3 · b7db3d3
1 parent 721f279
commit b7db3d3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/hooks/use-theme/__tests__/use-theme.test.tsx b/packages/hooks/use-theme/__tests__/use-theme.test.tsx
@@ -118,7 +118,7 @@ describe("useTheme hook", () => {
       getByText("Set System").click();
     });
     expect(getByTestId("theme-display").textContent).toBe(ThemeProps.SYSTEM);
-    expect(localStorage.getItem(ThemeProps.KEY)).toBe(ThemeProps.LIGHT);
+    expect(localStorage.getItem(ThemeProps.KEY)).toBe(ThemeProps.SYSTEM);
     expect(document.documentElement.classList.contains(ThemeProps.LIGHT)).toBe(true);
   });
 
@@ -141,7 +141,7 @@ describe("useTheme hook", () => {
       getByText("Set System").click();
     });
     expect(getByTestId("theme-display").textContent).toBe(ThemeProps.SYSTEM);
-    expect(localStorage.getItem(ThemeProps.KEY)).toBe(ThemeProps.DARK);
+    expect(localStorage.getItem(ThemeProps.KEY)).toBe(ThemeProps.SYSTEM);
     expect(document.documentElement.classList.contains(ThemeProps.DARK)).toBe(true);
   });
 });
diff --git a/packages/hooks/use-theme/src/index.ts b/packages/hooks/use-theme/src/index.ts
@@ -53,7 +53,7 @@ export function useTheme(defaultTheme: Theme = ThemeProps.SYSTEM) {
             : ThemeProps.LIGHT
           : newTheme;
 
-      localStorage.setItem(ThemeProps.KEY, targetTheme);
+      localStorage.setItem(ThemeProps.KEY, newTheme);
 
       document.documentElement.classList.remove(theme);
       document.documentElement.classList.add(targetTheme);