tududi/app/frontend/index.tsx
Chris Veleris dfcb97a355 Move to React
Add .gitignore

Removed node_modules from previous commit

Fix task modes

Fix task modes

Fix task modes

Remove node_modules

Update basic task modal

Add notes functionality

Improve UI

Setup views

Add scopes

Fix projects layout

Restructure

Fix rest of the UI issues

Cleanup old views

Add .env to .gitignore
2024-10-25 21:03:43 +03:00

34 lines
1.1 KiB
TypeScript

import React from "react";
import { createRoot } from "react-dom/client"; // Import createRoot from react-dom
import { BrowserRouter } from "react-router-dom"; // Import BrowserRouter
import App from "./App";
import { ToastProvider } from "./components/Shared/ToastContext";
// Determine initial dark mode preference
const storedPreference = localStorage.getItem("isDarkMode");
const prefersDarkMode = window.matchMedia("(prefers-color-scheme: dark)").matches;
const isDarkMode = storedPreference
? storedPreference === "true"
: prefersDarkMode;
// Add or remove the 'dark' class before rendering the app
if (isDarkMode) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
// Get the root DOM element
const container = document.getElementById("root");
// Ensure the root element exists before creating root
if (container) {
const root = createRoot(container); // Use createRoot to create a root
root.render(
<BrowserRouter>
<ToastProvider>
<App />
</ToastProvider>
</BrowserRouter>
);
}