220bc92b4a
* Add lint-fix npm target * Sync eslint+plugins with backend * Add prettier * Ignore no-explicit-any lint rule for now * Silence eslint react warning * Format frontend via prettier * Lint frontend. --------- Co-authored-by: antanst <>
67 lines
2 KiB
TypeScript
67 lines
2 KiB
TypeScript
// Add type declaration for module.hot
|
|
declare const module: {
|
|
hot?: {
|
|
accept: (path: string, callback: () => void) => void;
|
|
};
|
|
};
|
|
|
|
import React from 'react';
|
|
import { createRoot } from 'react-dom/client';
|
|
import { BrowserRouter } from 'react-router-dom';
|
|
import App from './App';
|
|
import { ToastProvider } from './components/Shared/ToastContext';
|
|
import './i18n'; // Import i18n config to initialize it
|
|
import './styles/markdown.css'; // Import markdown styles
|
|
import { I18nextProvider } from 'react-i18next';
|
|
import i18n from './i18n'; // Import the i18n instance with its configuration
|
|
|
|
const storedPreference = localStorage.getItem('isDarkMode');
|
|
const prefersDarkMode = window.matchMedia(
|
|
'(prefers-color-scheme: dark)'
|
|
).matches;
|
|
const isDarkMode = storedPreference
|
|
? storedPreference === 'true'
|
|
: prefersDarkMode;
|
|
|
|
if (isDarkMode) {
|
|
document.documentElement.classList.add('dark');
|
|
} else {
|
|
document.documentElement.classList.remove('dark');
|
|
}
|
|
|
|
const container = document.getElementById('root');
|
|
|
|
// Store the root outside the if block so it can be accessed by the HMR code
|
|
let root: any;
|
|
|
|
if (container) {
|
|
root = createRoot(container);
|
|
root.render(
|
|
<I18nextProvider i18n={i18n}>
|
|
<BrowserRouter>
|
|
<ToastProvider>
|
|
<App />
|
|
</ToastProvider>
|
|
</BrowserRouter>
|
|
</I18nextProvider>
|
|
);
|
|
}
|
|
|
|
// Hot Module Replacement (HMR) - Remove this snippet to remove HMR.
|
|
// Learn more: https://www.webpackjs.com/concepts/hot-module-replacement/
|
|
if (module.hot) {
|
|
module.hot.accept('./App', () => {
|
|
// New version of App component imported
|
|
if (root) {
|
|
root.render(
|
|
<I18nextProvider i18n={i18n}>
|
|
<BrowserRouter>
|
|
<ToastProvider>
|
|
<App />
|
|
</ToastProvider>
|
|
</BrowserRouter>
|
|
</I18nextProvider>
|
|
);
|
|
}
|
|
});
|
|
}
|