qt-migration-legatus/qt6-after/qt6-migrated-legatus/Lts/Tools/rme-playback/frontend/src/App.tsx

import { BrowserRouter as Router, Route, Routes, Navigate } from 'react-router-dom';

import Dashboard from './pages/dashboard/Dashboard';
import Login from './pages/loginpage/Login';
import Replay from './pages/replaypage/Replay';
import ProtectedRoute from './components/ProtectedRoute';
import PublicRoute from './components/PublicRoute';

function App() {
  return (
    <Router>
      <div className="App">
        <Routes>
          <Route path="/login" element={<PublicRoute element={<Login />} />} />
          <Route path="/dashboard" element={<ProtectedRoute element={<Dashboard />} />} />
          <Route path="/" element={<Navigate to="/login" />} />
          <Route path="/replays/replay" element={<ProtectedRoute element={<Replay />} />} />
        </Routes>
      </div>
    </Router>
  );
}

export default App;