7x31/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/Yidadaa/ChatGPT-Next-Web.git synced 2025-09-05 23:30:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: ui optiminize

Browse Source
This commit is contained in:
butterfly
2024-04-28 19:58:59 +08:00
parent 9f4813326c
commit c34b8ab919
20 changed files with 381 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/hooks/useSwitchTheme.ts
View File

@@ -1,14 +1,20 @@
import { useEffect } from "react";
import { useLayoutEffect } from "react";
import { Theme, useAppConfig } from "@/app/store/config";
const DARK_CLASS = "dark-new";
const LIGHT_CLASS = "light-new";
export function useSwitchTheme() {
const config = useAppConfig();
useEffect(() => {
document.body.classList.remove("dark");
useLayoutEffect(() => {
document.body.classList.remove(DARK_CLASS);
document.body.classList.remove(LIGHT_CLASS);
if (config.theme === Theme.Dark) {
document.body.classList.add("dark");
document.body.classList.add(DARK_CLASS);
} else {
document.body.classList.add(LIGHT_CLASS);
}
}, [config.theme]);
}