mirror of
https://github.com/Sonny93/my-links.git
synced 2025-12-11 00:33:04 +00:00
refactor: use tabs instead of spaces
This commit is contained in:
@@ -6,41 +6,41 @@ import { makeRequest } from '~/lib/request';
|
||||
const LS_KEY = 'dark_theme';
|
||||
|
||||
export const DarkThemeContext = createContext({
|
||||
isDarkTheme: true,
|
||||
toggleDarkTheme: (_value: boolean) => {},
|
||||
isDarkTheme: true,
|
||||
toggleDarkTheme: (_value: boolean) => {},
|
||||
});
|
||||
|
||||
export default function DarkThemeContextProvider({
|
||||
children,
|
||||
children,
|
||||
}: {
|
||||
children: ReactNode;
|
||||
children: ReactNode;
|
||||
}) {
|
||||
const { preferDarkTheme } = usePage<{ preferDarkTheme: boolean }>().props;
|
||||
const [isDarkTheme, setDarkTheme] = useState<boolean>(preferDarkTheme);
|
||||
const toggleDarkTheme = (value: boolean) => {
|
||||
setDarkTheme(value);
|
||||
const { method, url } = route('user.theme');
|
||||
makeRequest({
|
||||
method,
|
||||
url,
|
||||
body: {
|
||||
preferDarkTheme: value,
|
||||
},
|
||||
});
|
||||
};
|
||||
const { preferDarkTheme } = usePage<{ preferDarkTheme: boolean }>().props;
|
||||
const [isDarkTheme, setDarkTheme] = useState<boolean>(preferDarkTheme);
|
||||
const toggleDarkTheme = (value: boolean) => {
|
||||
setDarkTheme(value);
|
||||
const { method, url } = route('user.theme');
|
||||
makeRequest({
|
||||
method,
|
||||
url,
|
||||
body: {
|
||||
preferDarkTheme: value,
|
||||
},
|
||||
});
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
localStorage.setItem(LS_KEY, String(isDarkTheme));
|
||||
}, [isDarkTheme]);
|
||||
useEffect(() => {
|
||||
localStorage.setItem(LS_KEY, String(isDarkTheme));
|
||||
}, [isDarkTheme]);
|
||||
|
||||
return (
|
||||
<DarkThemeContext.Provider
|
||||
value={{
|
||||
isDarkTheme,
|
||||
toggleDarkTheme,
|
||||
}}
|
||||
>
|
||||
{children}
|
||||
</DarkThemeContext.Provider>
|
||||
);
|
||||
return (
|
||||
<DarkThemeContext.Provider
|
||||
value={{
|
||||
isDarkTheme,
|
||||
toggleDarkTheme,
|
||||
}}
|
||||
>
|
||||
{children}
|
||||
</DarkThemeContext.Provider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user