ykonsole2/webui-react/src/App.tsx

import {useEffect, useState} from 'react'
import IndexPage from "./pages/IndexPage";
import "./App.sass";
import ProgramContext, {ProgramContextProvider} from "./contexts/ProgramContext";
import {BrowserRouter, Route, Routes} from "react-router-dom";
import {DeviceContextProvider} from "./contexts/DeviceContext";
import DevicePage from "./pages/DevicePage";
import {RuntimeContextProvider} from "./contexts/RuntimeContext";
import {WorkoutContextProvider} from "./contexts/WorkoutContext";
import WorkoutPage from "./pages/WorkoutPage";
import PlayPage from "./pages/PlayPage";
import EditProgramPage from "./pages/EditProgramPage";
import ProgramPage from "./pages/ProgramPage";

function App() {
  return (
    <BrowserRouter>
      <DeviceContextProvider>
        <ProgramContextProvider>
          <RuntimeContextProvider>
            <WorkoutContextProvider>
              <Routes>
                <Route path="/" element={<IndexPage/>}/>
                <Route path="/devices/:id" element={<DevicePage/>}/>
                <Route path="/devices/:id/edit" element={<DevicePage edit/>}/>
                <Route path="/devices/new" element={<DevicePage edit/>}/>
                <Route path="/programs/:id" element={<ProgramPage/>}/>
                <Route path="/programs/:id/edit" element={<EditProgramPage/>}/>
                <Route path="/programs/new" element={<EditProgramPage/>}/>
                <Route path="/workouts/:id" element={<WorkoutPage/>}/>
                <Route path="/play" element={<PlayPage/>}/>
              </Routes>
            </WorkoutContextProvider>
          </RuntimeContextProvider>
        </ProgramContextProvider>
      </DeviceContextProvider>
    </BrowserRouter>
  )
}

export default App