edf81dbe57
- Replaced direct imports from 'antd' with centralized imports from '@/shared/antd-imports' to align with new import rules and improve maintainability.
52 lines
1.5 KiB
TypeScript
52 lines
1.5 KiB
TypeScript
import React from 'react';
|
|
import ReactDOM from 'react-dom/client';
|
|
import './index.css';
|
|
import './styles/performance-optimizations.css';
|
|
import App from './App';
|
|
import reportWebVitals from './reportWebVitals';
|
|
import './i18n';
|
|
import { Provider } from 'react-redux';
|
|
import { store } from './app/store';
|
|
import { applyCssVariables } from './styles/colors';
|
|
import { ConfigProvider, theme } from '@/shared/antd-imports';
|
|
import { colors } from './styles/colors';
|
|
import { getInitialTheme } from './utils/get-initial-theme';
|
|
import { initializePerformanceMonitoring } from './utils/enhanced-performance-monitoring';
|
|
|
|
const initialTheme = getInitialTheme();
|
|
|
|
// Apply CSS variables and initial theme
|
|
applyCssVariables();
|
|
|
|
// Initialize enhanced performance monitoring
|
|
initializePerformanceMonitoring();
|
|
|
|
const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
|
|
|
|
document.documentElement.classList.add(initialTheme);
|
|
document.documentElement.style.colorScheme = initialTheme;
|
|
|
|
root.render(
|
|
<ConfigProvider
|
|
theme={{
|
|
algorithm: initialTheme === 'dark' ? theme.darkAlgorithm : theme.defaultAlgorithm,
|
|
components: {
|
|
Layout: {
|
|
colorBgLayout: initialTheme === 'dark' ? colors.darkGray : '#fafafa',
|
|
},
|
|
Spin: {
|
|
colorPrimary: initialTheme === 'dark' ? '#fff' : '#1890ff',
|
|
},
|
|
},
|
|
}}
|
|
>
|
|
<Provider store={store}>
|
|
<React.StrictMode>
|
|
<App />
|
|
</React.StrictMode>
|
|
</Provider>
|
|
</ConfigProvider>
|
|
);
|
|
|
|
reportWebVitals();
|