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

use @mui/material/locale for ThemeProvider

Browse Source
This commit is contained in:
maxim 2025-02-19 16:13:15 +03:00
parent 5aee851f58
commit 56660a3123
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,5 +1,6 @@
import React, {PropsWithChildren, createContext, useEffect, useState} from 'react'
import {ThemeProvider} from '@mui/material/styles'
import {ThemeProvider, createTheme} from '@mui/material/styles'
import {ruRU} from '@mui/material/locale'
import {CustomTheme} from './theme'
type ColorModeContextType = {
@ -21,13 +22,11 @@ export const ColorModeContextProvider: React.FC<PropsWithChildren> = ({children}
}, [mode])
const setColorMode = () => {
if (mode === 'light') {
setMode('dark')
} else {
setMode('light')
}
setMode((prevMode) => (prevMode === 'light' ? 'dark' : 'light'))
}
const appliedTheme = createTheme(mode === 'light' ? CustomTheme.Light : CustomTheme.Dark, ruRU)
return (
<ColorModeContext.Provider
value={{
@ -35,7 +34,7 @@ export const ColorModeContextProvider: React.FC<PropsWithChildren> = ({children}
mode,
}}
>
<ThemeProvider theme={mode === 'light' ? CustomTheme.Light : CustomTheme.Dark}>{children}</ThemeProvider>
<ThemeProvider theme={appliedTheme}>{children}</ThemeProvider>
</ColorModeContext.Provider>
)
}