diff options
author | Michael Hunteman <michael@huntm.net> | 2024-02-21 19:43:07 -0600 |
---|---|---|
committer | Michael Hunteman <michael@huntm.net> | 2024-02-21 19:43:07 -0600 |
commit | 589e53f152d7363074049dfd1bd5a34286ae74d6 (patch) | |
tree | 187b98b25f7f3420ad2642171fd7d91a68713211 /src/ThemeContextProvider.tsx | |
parent | 32e0cacde5a468d8982d5c0d1fd7a242820cb60f (diff) |
Update example guests.json with RTK query
Diffstat (limited to 'src/ThemeContextProvider.tsx')
-rw-r--r-- | src/ThemeContextProvider.tsx | 22 |
1 files changed, 10 insertions, 12 deletions
diff --git a/src/ThemeContextProvider.tsx b/src/ThemeContextProvider.tsx index 970f9d8..e1e928c 100644 --- a/src/ThemeContextProvider.tsx +++ b/src/ThemeContextProvider.tsx @@ -1,8 +1,8 @@ import { ReactNode, createContext, useMemo, useState } from 'react'; -import { StyledEngineProvider, ThemeProvider, createTheme } from '@mui/material/styles'; +import { ThemeProvider, createTheme } from '@mui/material/styles'; type ThemeContextType = { - switchColorMode: () => void; + toggleColorMode: () => void; }; type ThemeProviderProps = { @@ -10,13 +10,13 @@ type ThemeProviderProps = { }; export const ThemeContext = createContext<ThemeContextType>({ - switchColorMode: () => {} + toggleColorMode: () => {} }); function ThemeContextProvider({ children }: ThemeProviderProps) { const [mode, setMode] = useState<'light' | 'dark'>('light'); - const switchColorMode = () => { + const toggleColorMode = () => { setMode((prevMode) => (prevMode === 'light' ? 'dark' : 'light')); }; @@ -31,14 +31,12 @@ function ThemeContextProvider({ children }: ThemeProviderProps) { ); return ( - <StyledEngineProvider injectFirst> - <ThemeContext.Provider value={{ switchColorMode }}> - <ThemeProvider theme={theme}> - {children} - </ThemeProvider> - </ThemeContext.Provider> - </StyledEngineProvider> + <ThemeContext.Provider value={{ toggleColorMode }}> + <ThemeProvider theme={theme}> + {children} + </ThemeProvider> + </ThemeContext.Provider> ); -} +}; export default ThemeContextProvider; |