Files
SMATEC-FRONTEND/src/components/Theme/ThemeProvider.tsx

25 lines
588 B
TypeScript

import { useModel } from '@umijs/max';
import { ConfigProvider, theme } from 'antd';
import React from 'react';
interface ThemeProviderProps {
children: React.ReactNode;
}
const ThemeProvider: React.FC<ThemeProviderProps> = ({ children }) => {
const { initialState } = useModel('@@initialState');
const isDark = (initialState?.theme as 'light' | 'dark') === 'dark';
return (
<ConfigProvider
theme={{
algorithm: isDark ? theme.darkAlgorithm : theme.defaultAlgorithm,
}}
>
{children}
</ConfigProvider>
);
};
export default ThemeProvider;