66 lines
2.4 KiB
TypeScript
66 lines
2.4 KiB
TypeScript
'use client';
|
|
|
|
import type {ReactNode} from 'react';
|
|
// Connect Redux, language, and theme settings to Ant Design.
|
|
|
|
import {Provider as ReduxProvider} from 'react-redux';
|
|
import type {ThemeConfig} from 'antd';
|
|
import {App as AntdApp, ConfigProvider, theme as antdThemeApi} from 'antd';
|
|
import faIR from 'antd/locale/fa_IR';
|
|
import enUS from 'antd/locale/en_US';
|
|
import {store} from '@/store/store';
|
|
import {ThemeProvider, useTheme} from './context/ThemeContext';
|
|
import {LanguageProvider, useLanguage} from './context/LanguageContext';
|
|
import CartPersistence from '@/components/CartPersistence';
|
|
import {AuthProvider} from './context/AuthContext';
|
|
|
|
function AntdBridge({children}: {children: ReactNode}) {
|
|
const {theme} = useTheme();
|
|
const {locale, dir} = useLanguage();
|
|
|
|
const antdTheme: ThemeConfig = {
|
|
algorithm: theme === 'dark' ? antdThemeApi.darkAlgorithm : antdThemeApi.defaultAlgorithm,
|
|
token: {
|
|
colorPrimary: '#00a693',
|
|
colorInfo: '#00a693',
|
|
borderRadius: 10,
|
|
fontFamily: 'var(--font-vazirmatn), Tahoma, sans-serif',
|
|
colorBgContainer: theme === 'dark' ? '#0c2b24' : '#ffffff',
|
|
colorBgElevated: theme === 'dark' ? '#0f332b' : '#ffffff',
|
|
colorBorder: theme === 'dark' ? '#0b3d38' : '#c0ebe3',
|
|
colorText: theme === 'dark' ? '#e6f7f4' : '#04231f',
|
|
colorTextSecondary: theme === 'dark' ? 'rgba(230,247,244,0.7)' : 'rgba(4,35,31,0.65)',
|
|
},
|
|
components: {
|
|
Button: {controlHeight: 44, fontWeight: 600},
|
|
Badge: {colorError: '#ff6b57'},
|
|
Modal: {
|
|
contentBg: theme === 'dark' ? '#0c2b24' : '#ffffff',
|
|
headerBg: theme === 'dark' ? '#0c2b24' : '#ffffff',
|
|
titleColor: theme === 'dark' ? '#e6f7f4' : '#04231f',
|
|
},
|
|
},
|
|
};
|
|
|
|
return (
|
|
<ConfigProvider direction={dir} locale={locale === 'fa' ? faIR : enUS} theme={antdTheme}>
|
|
<AntdApp>{children}</AntdApp>
|
|
</ConfigProvider>
|
|
);
|
|
}
|
|
|
|
export default function Providers({children}: {children: ReactNode}) {
|
|
return (
|
|
<ReduxProvider store={store}>
|
|
<CartPersistence/>
|
|
<ThemeProvider>
|
|
<LanguageProvider>
|
|
<AntdBridge>
|
|
<AuthProvider>{children}</AuthProvider>
|
|
</AntdBridge>
|
|
</LanguageProvider>
|
|
</ThemeProvider>
|
|
</ReduxProvider>
|
|
);
|
|
}
|