41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
import { NavLink, Route, Routes } from "react-router-dom";
|
||
import PomodoroWidget from "./components/PomodoroWidget";
|
||
import { PomodoroProvider } from "./context/PomodoroContext";
|
||
import Character from "./pages/Character";
|
||
import Chat from "./pages/Chat";
|
||
import Fitness from "./pages/Fitness";
|
||
import Memory from "./pages/Memory";
|
||
import Pomodoro from "./pages/Pomodoro";
|
||
import "./App.css";
|
||
|
||
export default function App() {
|
||
return (
|
||
<PomodoroProvider>
|
||
<div className="app">
|
||
<header className="app-header">
|
||
<h1>Home AI Assistant</h1>
|
||
<nav>
|
||
<NavLink to="/" end>
|
||
Чат
|
||
</NavLink>
|
||
<NavLink to="/pomodoro">Помидоро</NavLink>
|
||
<NavLink to="/character">Персонаж</NavLink>
|
||
<NavLink to="/memory">Память</NavLink>
|
||
<NavLink to="/fitness">Фитнес</NavLink>
|
||
<PomodoroWidget compact />
|
||
</nav>
|
||
</header>
|
||
<main className="app-main">
|
||
<Routes>
|
||
<Route path="/" element={<Chat />} />
|
||
<Route path="/pomodoro" element={<Pomodoro />} />
|
||
<Route path="/character" element={<Character />} />
|
||
<Route path="/memory" element={<Memory />} />
|
||
<Route path="/fitness" element={<Fitness />} />
|
||
</Routes>
|
||
</main>
|
||
</div>
|
||
</PomodoroProvider>
|
||
);
|
||
}
|