3dc740c752
- Extract preference logic into dedicated hooks (useUserLocale, useUserTheme) - Add applyLocaleEarly() for consistent early application - Remove applyUserPreferences() from user store (now redundant) - Simplify App.tsx by moving effects to custom hooks - Make locale/theme handling consistent and reactive - Clean up manual preference calls from sign-in flows Fixes locale not overriding localStorage on user login. Improves maintainability with better separation of concerns.
37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import "@github/relative-time-element";
|
|
import { observer } from "mobx-react-lite";
|
|
import { createRoot } from "react-dom/client";
|
|
import { Toaster } from "react-hot-toast";
|
|
import { RouterProvider } from "react-router-dom";
|
|
import "./i18n";
|
|
import "./index.css";
|
|
import router from "./router";
|
|
// Configure MobX before importing any stores
|
|
import "./store/config";
|
|
import { initialInstanceStore } from "./store/instance";
|
|
import { initialUserStore } from "./store/user";
|
|
import { applyLocaleEarly } from "./utils/i18n";
|
|
import { applyThemeEarly } from "./utils/theme";
|
|
import "leaflet/dist/leaflet.css";
|
|
|
|
// Apply theme and locale early to prevent flash of wrong theme/language
|
|
// This uses localStorage as the source before user settings are loaded
|
|
applyThemeEarly();
|
|
applyLocaleEarly();
|
|
|
|
const Main = observer(() => (
|
|
<>
|
|
<RouterProvider router={router} />
|
|
<Toaster position="top-right" />
|
|
</>
|
|
));
|
|
|
|
(async () => {
|
|
// Initialize stores
|
|
await initialInstanceStore();
|
|
await initialUserStore();
|
|
|
|
const container = document.getElementById("root");
|
|
const root = createRoot(container as HTMLElement);
|
|
root.render(<Main />);
|
|
})();
|