Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-17 10:41:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

✨ Add translation to user settings

Browse Source
This commit is contained in:
Meier Lukas
2023-07-29 11:35:34 +02:00
parent ed76afbce8
commit c312828c79
6 changed files with 57 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/hooks/use-colorscheme.ts
View File

@@ -5,6 +5,8 @@ import { Session } from 'next-auth';
import { useState } from 'react';
import { api } from '~/utils/api';
import { COOKIE_COLOR_SCHEME_KEY } from '../../data/constants';
export const useColorScheme = (defaultValue: ColorScheme, session: Session) => {
const [colorScheme, setColorScheme] = useState(defaultValue);
const { mutateAsync } = api.user.changeColorScheme.useMutation();
@@ -12,7 +14,7 @@ export const useColorScheme = (defaultValue: ColorScheme, session: Session) => {
const toggleColorScheme = async () => {
const newColorScheme = colorScheme === 'dark' ? 'light' : 'dark';
setColorScheme(newColorScheme);
setCookie('color-scheme', newColorScheme);
setCookie(COOKIE_COLOR_SCHEME_KEY, newColorScheme);
if (session && new Date(session.expires) > new Date()) {
await mutateAsync({ colorScheme: newColorScheme });
}