mirror of
https://github.com/sqlchat/sqlchat.git
synced 2025-08-01 05:36:11 +08:00
feat: add dark mode switch in sidebar
This commit is contained in:
17
src/hooks/useDarkmode.ts
Normal file
17
src/hooks/useDarkmode.ts
Normal file
@ -0,0 +1,17 @@
|
||||
import { useSettingStore } from "@/store";
|
||||
import { useEffect, useState } from "react";
|
||||
|
||||
const useDarkMode = () => {
|
||||
const settingStore = useSettingStore();
|
||||
const [isDarkMode, setIsDarkMode] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
setTimeout(() => {
|
||||
setIsDarkMode(document.documentElement.classList.contains("dark"));
|
||||
});
|
||||
}, [settingStore.setting.theme]);
|
||||
|
||||
return isDarkMode;
|
||||
};
|
||||
|
||||
export default useDarkMode;
|
Reference in New Issue
Block a user