| import React from 'react'; |
| import ReactDOM from 'react-dom/client'; |
| import { BrowserRouter } from 'react-router-dom'; |
| import { Toaster } from 'react-hot-toast'; |
| import App from './App'; |
| import { AuthProvider } from './context/AuthContext'; |
| import { SocketProvider } from './context/SocketContext'; |
| import { ThemeProvider } from './context/ThemeContext'; |
| import './index.css'; |
|
|
| const root = ReactDOM.createRoot(document.getElementById('root')); |
| root.render( |
| <React.StrictMode> |
| <BrowserRouter> |
| <ThemeProvider> |
| <AuthProvider> |
| <SocketProvider> |
| <App /> |
| <Toaster |
| position="top-right" |
| toastOptions={{ |
| duration: 4000, |
| style: { |
| background: '#363636', |
| color: '#fff', |
| }, |
| success: { |
| duration: 3000, |
| iconTheme: { |
| primary: '#22c55e', |
| secondary: '#fff', |
| }, |
| }, |
| error: { |
| duration: 5000, |
| iconTheme: { |
| primary: '#ef4444', |
| secondary: '#fff', |
| }, |
| }, |
| }} |
| /> |
| </SocketProvider> |
| </AuthProvider> |
| </ThemeProvider> |
| </BrowserRouter> |
| </React.StrictMode> |
| ); |
