Установка и получение DarkMode из локального хранилища
Я пытаюсь установить themeMode
к dark
для первого посещения, но я также хочу, чтобы пользователь уже заходил на сайт и установил themeMode
к light
, он должен загрузить светлую тему
const [themeMode, SetThemeMode] = useState(getMode);
const theme = createMuiTheme({
palette: {
type: themeMode,
primary: {
main: themeMode === "light" ? "#fff" : "#333333"
}
}
});
useEffect(() => {
localStorage.setItem("Tmode", JSON.stringify(themeMode));
}, [themeMode]);
function getMode() {
const savedmode = JSON.parse(localStorage.getItem("Tmode"));
if(savedmode === '')
{
return ("dark")
}
else return savedmode
}
Код работает на сервере разработки (localhost), но не работает при развертывании, так в чем может быть проблема или кто-нибудь знает лучший способ решить эту проблему?
Локальный сервер
При развертывании