diff --git a/frontend/src/components/organisms/LeftBarExams/index.tsx b/frontend/src/components/organisms/LeftBarExams/index.tsx new file mode 100644 index 0000000000000000000000000000000000000000..efef707f1ea235b108e13aabc6df4444c09141a9 --- /dev/null +++ b/frontend/src/components/organisms/LeftBarExams/index.tsx @@ -0,0 +1,53 @@ +import React from "react"; +import LeftBar from "components/organisms/LeftBar"; +import SideBarTabGroup from "components/molecules/SideBarTabGroup"; +import { faCalendarAlt, faList, faUpload, faArchive, faGavel, faTable, faFont } from "@fortawesome/free-solid-svg-icons"; + +const LeftBarExams: React.FC = () => { + + let examButtons = [ + { + title: "Overview", + icon: faList, + activeURL: `/exams/`, + }, + { + title: "Past Papers", + icon: faArchive, + activeURL: `/exams/past-papers/`, + }, + { + title: "Submissions", + icon: faUpload, + activeURL: `/exams/past-papers/`, + }, + { + title: "Exam Timetable", + icon: faCalendarAlt, + activeURL: `/exams/past-papers/`, + }, + { + title: "Regulations", + icon: faGavel, + activeURL: `/exams/regulations/`, + }, + { + title: "Grading", + icon: faFont, + activeURL: `/exams/grading/`, + }, + { + title: "Rubrics", + icon: faTable, + activeURL: `/exams/rubrics`, + }, + ]; + + return ( + <LeftBar> + <SideBarTabGroup title="Links" buttons={examButtons} /> + </LeftBar> + ); +}; + +export default LeftBarExams; diff --git a/frontend/src/components/organisms/LeftBarExams/style.module.scss b/frontend/src/components/organisms/LeftBarExams/style.module.scss new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git a/frontend/src/components/pages/Dashboard/index.tsx b/frontend/src/components/pages/Dashboard/index.tsx index 33e8bcc3d8a551d764c609ad821d9ece997812ef..e3a59983863e192888fcf32c48096fc7c9a8c34e 100644 --- a/frontend/src/components/pages/Dashboard/index.tsx +++ b/frontend/src/components/pages/Dashboard/index.tsx @@ -19,7 +19,7 @@ import tutorImage2 from "assets/images/tutor-2.png"; import tutorImage3 from "assets/images/tutor-3.png"; -const ModuleOverview: React.FC = () => { +const Dashboard: React.FC = () => { return ( <> <MyBreadcrumbs /> @@ -76,7 +76,7 @@ const ModuleOverview: React.FC = () => { ); }; -export default ModuleOverview; +export default Dashboard; const tutors = [ { diff --git a/frontend/src/components/pages/Exams/index.tsx b/frontend/src/components/pages/Exams/index.tsx new file mode 100644 index 0000000000000000000000000000000000000000..8dc4cdad43601099b465389ab3c8024c857f9936 --- /dev/null +++ b/frontend/src/components/pages/Exams/index.tsx @@ -0,0 +1,12 @@ +import React, { useEffect } from "react"; +import Dandruff from "components/molecules/Dandruff"; + +const Exams: React.FC = () => { + return ( + <> + <Dandruff heading="Exams" /> + </> + ); +}; + +export default Exams; diff --git a/frontend/src/components/pages/Exams/style.module.scss b/frontend/src/components/pages/Exams/style.module.scss new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git a/frontend/src/components/pages/StandardView/index.tsx b/frontend/src/components/pages/StandardView/index.tsx index 4c5e610323f12504f2875f4d283247fe0481f068..e48ab0e8a05155985b36056abb92e70568226c16 100644 --- a/frontend/src/components/pages/StandardView/index.tsx +++ b/frontend/src/components/pages/StandardView/index.tsx @@ -3,6 +3,7 @@ import { Route, Switch, Redirect } from "react-router-dom"; import ExamplePage from "components/templates/ExamplePage"; import ModuleOverview from "components/pages/ModuleOverview"; import Dashboard from "components/pages/Dashboard"; +import Exams from "components/pages/Exams"; import "./style.scss"; import RightBar from "components/organisms/RightBar"; @@ -13,6 +14,7 @@ import ModuleFeedback from "../ModuleFeedback"; import LeftBarDashboard from "components/organisms/LeftBarDashboard"; import LeftBarModuleList from "components/organisms/LeftBarModuleList"; import LeftBarModule from "components/organisms/LeftBarModule"; +import LeftBarExams from "components/organisms/LeftBarExams"; import Container from "react-bootstrap/esm/Container"; interface StandardViewProps { @@ -49,6 +51,10 @@ const StandardView: React.FC<StandardViewProps> = ({ <LeftBarModuleList modulesFilter={modulesFilter} setModulesFilter={setModulesFilter}/> </Route> + <Route exact path="/exams"> + <LeftBarExams /> + </Route> + <Route path="/"> <LeftBarDashboard /> </Route> @@ -80,7 +86,7 @@ const StandardView: React.FC<StandardViewProps> = ({ </Route> <Route path="/exams"> - <ExamplePage name="Exams" /> + <Exams /> </Route> <Route