github.com/quickfeed/quickfeed@v0.0.0-20240507093252-ed8ca812a09c/public/src/pages/StudentPage.tsx (about)

     1  import React from "react"
     2  import { Route, Switch, useHistory } from "react-router"
     3  import { getCourseID } from "../Helpers"
     4  import CourseLabs from "../components/CourseLabs"
     5  import CourseLinks from "../components/CourseLinks"
     6  import GroupPage from "./GroupPage"
     7  import Lab from "../components/Lab"
     8  import RedirectButton from "../components/RedirectButton"
     9  import Alerts from "../components/alerts/Alerts"
    10  
    11  
    12  const StudentPage = (): JSX.Element => {
    13      const courseID = getCourseID()
    14      const history = useHistory()
    15      const root = `/course/${courseID}`
    16  
    17      return (
    18          <div className="box">
    19              <RedirectButton to={root} />
    20              <Alerts />
    21              <div className="row" hidden={history.location.pathname !== root}>
    22                  <div className="col-md-9" >
    23                      <CourseLabs />
    24                  </div>
    25                  <CourseLinks />
    26              </div>
    27              <Switch>
    28                  <Route path="/course/:id/group" exact component={GroupPage} />
    29                  <Route path="/course/:id/lab/:lab" exact component={Lab} />
    30              </Switch>
    31          </div>
    32      )
    33  }
    34  
    35  export default StudentPage