Code cleanup

src/hooks/useTheme.tsx

@@ -1,5 +1,5 @@
 import {createContext, useContext, useState} from 'react';
-import {getPreferredTheme, setDocumentTheme} from '../lib/utils';
+import {getPreferredTheme, setDocumentTheme, Theme} from '../lib/theme';
 
 interface ThemeContext {
   theme: Theme;
@@ -10,7 +10,7 @@ const currentTheme = getPreferredTheme();
 
 const ThemeContext = createContext<ThemeContext>({theme: currentTheme, setTheme: () => null});
 
-export const ThemeProvider = ({children}: {children: React.ReactNode}) => {
+export function ThemeProvider({children}: {children: React.ReactNode}) {
   const [theme, setTheme] = useState(currentTheme);
 
   function setGlobalTheme(theme: Theme) {
@@ -23,8 +23,8 @@ export const ThemeProvider = ({children}: {children: React.ReactNode}) => {
       {children}
     </ThemeContext.Provider>
   );
-};
+}
 
-export const useTheme = () => {
+export function useTheme() {
   return useContext(ThemeContext);
-};
+}

src/lib/theme.ts

@@ -0,0 +1,15 @@
+export type Theme = 'dark' | 'light';
+
+export function getPreferredTheme(): Theme {
+  let storedTheme = localStorage.getItem('top90-theme');
+  if (storedTheme) {
+    return storedTheme as Theme;
+  }
+
+  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+}
+
+export function setDocumentTheme(theme: Theme) {
+  localStorage.setItem('top90-theme', theme);
+  document.documentElement.setAttribute('data-bs-theme', theme);
+}

src/lib/utils.ts

@@ -1,17 +1,3 @@
-export function getPreferredTheme(): Theme {
-  let storedTheme = localStorage.getItem('top90-theme');
-  if (storedTheme) {
-    return storedTheme as Theme;
-  }
-
-  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-}
-
-export function setDocumentTheme(theme: Theme) {
-  localStorage.setItem('top90-theme', theme);
-  document.documentElement.setAttribute('data-bs-theme', theme);
-}
-
 export function cloudfrontEnabled() {
   return import.meta.env.VITE_TOP90_CLOUDFRONT_ENABLED !== 'false';
 }

src/types.d.ts

@@ -1,3 +1 @@
 declare module '*.png';
-
-type Theme = 'dark' | 'light';