From 56660a3123e55bcc002eb7fa6eb260a055af15d3 Mon Sep 17 00:00:00 2001
From: maxim <bozzhik@ya.ru>
Date: Wed, 19 Feb 2025 16:13:15 +0300
Subject: [PATCH] use `@mui/material/locale` for `ThemeProvider`
---
src/contexts/color-mode/index.tsx | 13 ++++++-------
1 file changed, 6 insertions(+), 7 deletions(-)
diff --git a/src/contexts/color-mode/index.tsx b/src/contexts/color-mode/index.tsx
index 077811d..4befbdc 100644
--- a/src/contexts/color-mode/index.tsx
+++ b/src/contexts/color-mode/index.tsx
@@ -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>
)
}