import AppHeader from "./components/AppHeader";
import AppFooter from "./components/AppFooter";
import WelcomePage from "./pages/WelcomePage.tsx";
import SignUpStudentPage from "./pages/SignUpStudentPage.tsx";
import SignUpProfessorPage from "./pages/SignUpProfessorPage.tsx";
import LoginPage from "./pages/LoginPage.tsx";
import LabsPage from "./pages/LabsPage.tsx";
import OpeningsPage from "./pages/OpeningsPage.tsx";
import DiscussionPage from "./pages/DiscussionPage.tsx";
import ProfilePage from "./pages/ProfilePage.tsx";
import './App.css'
import {Route, Routes} from "react-router-dom";
import {
    discussionPagePath,
    labsPagePath,
    loginPagePath,
    openingsPagePath, profilePagePath,
    signUpProfessorPagePath,
    signUpStudentPagePath,
    welcomePagePath
} from "./utils.ts";

export default function App() {
    return (
        <div className="app">
            <AppHeader/>
            <Routes>
                <Route path={welcomePagePath} element={<WelcomePage/>}/>
                <Route path={signUpStudentPagePath} element={<SignUpStudentPage/>}/>
                <Route path={signUpProfessorPagePath} element={<SignUpProfessorPage/>}/>
                <Route path={loginPagePath} element={<LoginPage/>}/>
                <Route path={labsPagePath} element={<LabsPage/>}/>
                <Route path={openingsPagePath} element={<OpeningsPage/>}/>
                <Route path={discussionPagePath} element={<DiscussionPage/>}/>
                <Route path={profilePagePath} element={<ProfilePage/>}/>
            </Routes>
            <AppFooter/>
        </div>
    );
}