KRBL/WhiteNightsAdminPanel
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

~ format project files using prettier local configuration

Browse Source
This commit is contained in:
maxim
2025-01-19 17:33:27 +03:00
parent 266c7fa070
commit 80d7e52b32
20 changed files with 346 additions and 505 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/contexts/color-mode/index.tsx
View File

@ -1,45 +1,32 @@
import React, {
PropsWithChildren,
createContext,
useEffect,
useState,
} from "react";
import { ThemeProvider } from "@mui/material/styles";
import { RefineThemes } from "@refinedev/mui";
import React, {PropsWithChildren, createContext, useEffect, useState} from 'react'
import {ThemeProvider} from '@mui/material/styles'
import {RefineThemes} from '@refinedev/mui'
type ColorModeContextType = {
mode: string;
setMode: () => void;
};
mode: string
setMode: () => void
}
export const ColorModeContext = createContext<ColorModeContextType>(
{} as ColorModeContextType
);
export const ColorModeContext = createContext<ColorModeContextType>({} as ColorModeContextType)
export const ColorModeContextProvider: React.FC<PropsWithChildren> = ({
children,
}) => {
const colorModeFromLocalStorage = localStorage.getItem("colorMode");
const isSystemPreferenceDark = window?.matchMedia(
"(prefers-color-scheme: dark)"
).matches;
export const ColorModeContextProvider: React.FC<PropsWithChildren> = ({children}) => {
const colorModeFromLocalStorage = localStorage.getItem('colorMode')
const isSystemPreferenceDark = window?.matchMedia('(prefers-color-scheme: dark)').matches
const systemPreference = isSystemPreferenceDark ? "dark" : "light";
const [mode, setMode] = useState(
colorModeFromLocalStorage || systemPreference
);
const systemPreference = isSystemPreferenceDark ? 'dark' : 'light'
const [mode, setMode] = useState(colorModeFromLocalStorage || systemPreference)
useEffect(() => {
window.localStorage.setItem("colorMode", mode);
}, [mode]);
window.localStorage.setItem('colorMode', mode)
}, [mode])
const setColorMode = () => {
if (mode === "light") {
setMode("dark");
if (mode === 'light') {
setMode('dark')
} else {
setMode("light");
setMode('light')
}
};
}
return (
<ColorModeContext.Provider
@ -50,10 +37,10 @@ export const ColorModeContextProvider: React.FC<PropsWithChildren> = ({
>
<ThemeProvider
// you can change the theme colors here. example: mode === "light" ? RefineThemes.Magenta : RefineThemes.MagentaDark
theme={mode === "light" ? RefineThemes.Blue : RefineThemes.BlueDark}
theme={mode === 'light' ? RefineThemes.Blue : RefineThemes.BlueDark}
>
{children}
</ThemeProvider>
</ColorModeContext.Provider>
);
};
)
}