diff --git a/src/components/molecules/DashboardButtonGroup/index.tsx b/src/components/molecules/DashboardButtonGroup/index.tsx
deleted file mode 100644
index 8a782a13d17e39fe83692d8a0f7325a42c7f88be..0000000000000000000000000000000000000000
--- a/src/components/molecules/DashboardButtonGroup/index.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import React from "react";
-import Row from "react-bootstrap/Row";
-import Col from "react-bootstrap/Col";
-import {
- faGlobe,
- faFileAlt,
- faPrint,
- faFileInvoice,
- faDatabase,
- faQuestionCircle,
- faBug,
-} from "@fortawesome/free-solid-svg-icons";
-import Button from "react-bootstrap/Button";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
-export interface ButtonGroupProps {
- loginShort: string;
-}
-
-const DashboardButtonGroup: React.FC<ButtonGroupProps> = ({loginShort}: ButtonGroupProps) => {
- const buttons = [
- {
- title: "My Record",
- icon: faFileInvoice,
- url: "https://cate.doc.ic.ac.uk/student.cgi?key=2019",
- },
- {
- title: "My Website",
- icon: faGlobe,
- url: `https://www.doc.ic.ac.uk/~${loginShort}/`,
- },
- {
- title: "My Imperial",
- icon: faFileAlt,
- url: "https://my.imperial.ac.uk/HomeScreen.aspx",
- },
- {
- title: "TeachDB",
- icon: faDatabase,
- url: "https://teachdb.doc.ic.ac.uk/db/",
- },
- {
- title: "ICT Guides",
- icon: faQuestionCircle,
- url: "https://www.imperial.ac.uk/admin-services/ict/self-service/",
- },
- {
- title: "CSG Guides",
- icon: faQuestionCircle,
- url: "https://www.imperial.ac.uk/computing/csg/guides/",
- },
- {
- title: "Printing",
- icon: faPrint,
- url: "https://ictprintservice.imperial.ac.uk/safecom/webuser.dll/login",
- },
- {
- title: "Report Bugs",
- icon: faBug,
- url: "https://gitlab.doc.ic.ac.uk/edtech/scientia/-/issues/new",
- },
- ];
-
- return (
- <>
- <Row style={{ marginTop: "45px" }}>
- {buttons.map(({ title, icon, url }, i) => (
- <Col xs={6} sm={6} md={4} lg={4} xl={3} key={i} style={{ paddingRight: "10px", paddingLeft:"10px"}}>
- <Button
- href={url}
- target="_blank"
- >
- {title}
- <FontAwesomeIcon
- style={{ fontSize: "1.125rem" }}
- icon={icon}
- />
- </Button>
- </Col>
- ))}
- </Row>
- </>
- );
-};
-
-export default DashboardButtonGroup;
\ No newline at end of file
diff --git a/src/components/molecules/PageButtonGroup/index.tsx b/src/components/molecules/PageButtonGroup/index.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..389f6800b7cf2b43e58f0598d75d1410ccd06f87
--- /dev/null
+++ b/src/components/molecules/PageButtonGroup/index.tsx
@@ -0,0 +1,43 @@
+import React from "react";
+import Row from "react-bootstrap/Row";
+import Col from "react-bootstrap/Col";
+import Button from "react-bootstrap/Button";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { IconDefinition } from "@fortawesome/free-solid-svg-icons";
+
+export interface ButtonGroupProps {
+ buttons: {
+ title: string;
+ icon: IconDefinition;
+ url: string;
+ }[];
+}
+
+const PageButtonGroup: React.FC<ButtonGroupProps> = ({
+ buttons,
+}: ButtonGroupProps) => {
+ return (
+ <>
+ <Row style={{ marginTop: "45px" }}>
+ {buttons.map(({ title, icon, url }, i) => (
+ <Col
+ xs={6}
+ sm={6}
+ md={4}
+ lg={4}
+ xl={3}
+ key={i}
+ style={{ paddingRight: "10px", paddingLeft: "10px" }}
+ >
+ <Button href={url} target="_blank">
+ {title}
+ <FontAwesomeIcon style={{ fontSize: "1.125rem" }} icon={icon} />
+ </Button>
+ </Col>
+ ))}
+ </Row>
+ </>
+ );
+};
+
+export default PageButtonGroup;
diff --git a/src/components/molecules/ResourceSectionHeader/index.tsx b/src/components/molecules/SelectionView/components/SectionHeader/index.tsx
similarity index 100%
rename from src/components/molecules/ResourceSectionHeader/index.tsx
rename to src/components/molecules/SelectionView/components/SectionHeader/index.tsx
diff --git a/src/components/molecules/ResourceSectionHeader/style.module.scss b/src/components/molecules/SelectionView/components/SectionHeader/style.module.scss
similarity index 100%
rename from src/components/molecules/ResourceSectionHeader/style.module.scss
rename to src/components/molecules/SelectionView/components/SectionHeader/style.module.scss
diff --git a/src/components/molecules/SelectionView/index.tsx b/src/components/molecules/SelectionView/index.tsx
index 869d7af833062eda8327a64ce39983fb3400ce82..6033e533ca5f8b18756b04c20de6a70630870cac 100644
--- a/src/components/molecules/SelectionView/index.tsx
+++ b/src/components/molecules/SelectionView/index.tsx
@@ -1,5 +1,5 @@
import React from "react";
-import ResourceSectionHeader from "../ResourceSectionHeader";
+import ResourceSectionHeader from "./components/SectionHeader";
import { faSquare, faCheckSquare } from "@fortawesome/free-regular-svg-icons";
interface SelectionItem {
diff --git a/src/components/atoms/BottomBarItem/index.tsx b/src/components/organisms/BottomBar/BottomBarItem/index.tsx
similarity index 100%
rename from src/components/atoms/BottomBarItem/index.tsx
rename to src/components/organisms/BottomBar/BottomBarItem/index.tsx
diff --git a/src/components/atoms/BottomBarItem/style.module.scss b/src/components/organisms/BottomBar/BottomBarItem/style.module.scss
similarity index 100%
rename from src/components/atoms/BottomBarItem/style.module.scss
rename to src/components/organisms/BottomBar/BottomBarItem/style.module.scss
diff --git a/src/components/organisms/BottomBar/index.tsx b/src/components/organisms/BottomBar/index.tsx
index e646a000fbd9cdb337e13b441f41fcf326d5da28..4c0c2a3e6564b74d94a62ca1182ee31d2205dca5 100644
--- a/src/components/organisms/BottomBar/index.tsx
+++ b/src/components/organisms/BottomBar/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
import Navbar from "react-bootstrap/Navbar";
import ButtonGroup from "react-bootstrap/ButtonGroup";
import { IconDefinition } from "@fortawesome/free-solid-svg-icons";
-import BottomBarItem from "components/atoms/BottomBarItem";
+import BottomBarItem from "components/organisms/BottomBar/BottomBarItem";
import styles from "./style.module.scss"
export interface BottomBarProps {
diff --git a/src/components/atoms/NoticeItem/index.tsx b/src/components/organisms/NoticeBoard/components/NoticeItem/index.tsx
similarity index 100%
rename from src/components/atoms/NoticeItem/index.tsx
rename to src/components/organisms/NoticeBoard/components/NoticeItem/index.tsx
diff --git a/src/components/atoms/NoticeItem/style.module.scss b/src/components/organisms/NoticeBoard/components/NoticeItem/style.module.scss
similarity index 100%
rename from src/components/atoms/NoticeItem/style.module.scss
rename to src/components/organisms/NoticeBoard/components/NoticeItem/style.module.scss
diff --git a/src/components/organisms/NoticeBoard/index.tsx b/src/components/organisms/NoticeBoard/index.tsx
index 307b667aafd3b56ce2e81fdd637c01f0e50104b3..abdc6acfeffd4994727bef0d265a328d27c5d376 100644
--- a/src/components/organisms/NoticeBoard/index.tsx
+++ b/src/components/organisms/NoticeBoard/index.tsx
@@ -1,5 +1,5 @@
import React from "react";
-import NoticeItem from "components/atoms/NoticeItem";
+import NoticeItem from "components/organisms/NoticeBoard/components/NoticeItem";
const NoticeBoard: React.FC = () => {
return (
diff --git a/src/components/molecules/NavBarBrand/index.tsx b/src/components/organisms/TopBar/components/NavBarBrand/index.tsx
similarity index 100%
rename from src/components/molecules/NavBarBrand/index.tsx
rename to src/components/organisms/TopBar/components/NavBarBrand/index.tsx
diff --git a/src/components/molecules/NavBarBrand/style.module.scss b/src/components/organisms/TopBar/components/NavBarBrand/style.module.scss
similarity index 100%
rename from src/components/molecules/NavBarBrand/style.module.scss
rename to src/components/organisms/TopBar/components/NavBarBrand/style.module.scss
diff --git a/src/components/molecules/NavBarTabGroup/index.tsx b/src/components/organisms/TopBar/components/NavBarTabGroup/index.tsx
similarity index 89%
rename from src/components/molecules/NavBarTabGroup/index.tsx
rename to src/components/organisms/TopBar/components/NavBarTabGroup/index.tsx
index 219e2d6bea0b92d51b2bad57f3178b7f6b0e3f91..fedf9ecd074ce6173f8d5008f29ae2f098c1bb87 100644
--- a/src/components/molecules/NavBarTabGroup/index.tsx
+++ b/src/components/organisms/TopBar/components/NavBarTabGroup/index.tsx
@@ -1,7 +1,7 @@
import React from "react";
import Navbar from "react-bootstrap/Navbar";
import Nav from "react-bootstrap/Nav";
-import NavBarTabItem from "components/atoms/NavBarTabItem";
+import NavBarTabItem from "components/organisms/TopBar/components/NavBarTabItem";
import styles from "./style.module.scss"
import cx from "classnames";
diff --git a/src/components/molecules/NavBarTabGroup/style.module.scss b/src/components/organisms/TopBar/components/NavBarTabGroup/style.module.scss
similarity index 100%
rename from src/components/molecules/NavBarTabGroup/style.module.scss
rename to src/components/organisms/TopBar/components/NavBarTabGroup/style.module.scss
diff --git a/src/components/atoms/NavBarTabItem/index.tsx b/src/components/organisms/TopBar/components/NavBarTabItem/index.tsx
similarity index 100%
rename from src/components/atoms/NavBarTabItem/index.tsx
rename to src/components/organisms/TopBar/components/NavBarTabItem/index.tsx
diff --git a/src/components/atoms/NavBarTabItem/style.module.scss b/src/components/organisms/TopBar/components/NavBarTabItem/style.module.scss
similarity index 100%
rename from src/components/atoms/NavBarTabItem/style.module.scss
rename to src/components/organisms/TopBar/components/NavBarTabItem/style.module.scss
diff --git a/src/components/organisms/TopBar/index.tsx b/src/components/organisms/TopBar/index.tsx
index 096685faf9b28f242cbe8d88c816445bd51d130b..dc0926e5bd5505327c2e2f09c688fab1563d351b 100644
--- a/src/components/organisms/TopBar/index.tsx
+++ b/src/components/organisms/TopBar/index.tsx
@@ -2,8 +2,8 @@ import React from "react";
import Container from "react-bootstrap/Container";
import Navbar from "react-bootstrap/Navbar";
import userPic from "assets/images/user.png";
-import NavBarTabGroup from "components/molecules/NavBarTabGroup";
-import NavBarBrand from "components/molecules/NavBarBrand";
+import NavBarTabGroup from "components/organisms/TopBar/components/NavBarTabGroup";
+import NavBarBrand from "components/organisms/TopBar/components/NavBarBrand";
import styles from "./style.module.scss";
export interface TopBarProps {
diff --git a/src/components/pages/Dashboard/index.tsx b/src/components/pages/Dashboard/index.tsx
index 3e743224e5d00945ea640245b6eb8e9cdbcaf79b..436364184597b3b79a1fc4e01e4a15948b3bdf28 100644
--- a/src/components/pages/Dashboard/index.tsx
+++ b/src/components/pages/Dashboard/index.tsx
@@ -3,16 +3,25 @@ import MyBreadcrumbs from "components/atoms/MyBreadcrumbs";
import Row from "react-bootstrap/Row";
import Col from "react-bootstrap/Col";
import PersonCard from "components/atoms/PersonCard";
-import DashboardButtonGroup from "components/molecules/DashboardButtonGroup";
+import DashboardButtonGroup from "components/molecules/PageButtonGroup";
import TutorCardGroup from "components/molecules/TutorCardGroup";
import NoticeBoard from "components/organisms/NoticeBoard";
+import {
+ faGlobe,
+ faFileAlt,
+ faPrint,
+ faFileInvoice,
+ faDatabase,
+ faQuestionCircle,
+ faBug,
+} from "@fortawesome/free-solid-svg-icons";
const Dashboard: React.FC = () => {
return (
<>
<MyBreadcrumbs />
<PersonCard />
- <DashboardButtonGroup loginShort="br819"/>
+ <DashboardButtonGroup buttons={buttons}/>
<Row>
<Col xs={12} sm={12} md={12} lg={6} style={{ marginTop: "30px", paddingRight: "10px", paddingLeft: "10px"}}>
<TutorCardGroup />
@@ -25,4 +34,47 @@ const Dashboard: React.FC = () => {
);
};
+const buttons = [
+ {
+ title: "My Record",
+ icon: faFileInvoice,
+ url: "https://cate.doc.ic.ac.uk/student.cgi?key=2019",
+ },
+ {
+ title: "My Website",
+ icon: faGlobe,
+ url: `https://www.doc.ic.ac.uk/~br819/`,
+ },
+ {
+ title: "My Imperial",
+ icon: faFileAlt,
+ url: "https://my.imperial.ac.uk/HomeScreen.aspx",
+ },
+ {
+ title: "TeachDB",
+ icon: faDatabase,
+ url: "https://teachdb.doc.ic.ac.uk/db/",
+ },
+ {
+ title: "ICT Guides",
+ icon: faQuestionCircle,
+ url: "https://www.imperial.ac.uk/admin-services/ict/self-service/",
+ },
+ {
+ title: "CSG Guides",
+ icon: faQuestionCircle,
+ url: "https://www.imperial.ac.uk/computing/csg/guides/",
+ },
+ {
+ title: "Printing",
+ icon: faPrint,
+ url: "https://ictprintservice.imperial.ac.uk/safecom/webuser.dll/login",
+ },
+ {
+ title: "Report Bugs",
+ icon: faBug,
+ url: "https://gitlab.doc.ic.ac.uk/edtech/scientia/-/issues/new",
+ },
+];
+
export default Dashboard;
diff --git a/src/components/pages/ModuleOverview/index.tsx b/src/components/pages/ModuleOverview/index.tsx
index cdb6631653221d524d6530fff2c3a06360ec6224..f112b0dcaddbf3b7b4913216558d7d62449a5f55 100644
--- a/src/components/pages/ModuleOverview/index.tsx
+++ b/src/components/pages/ModuleOverview/index.tsx
@@ -2,12 +2,9 @@ import React from "react";
import Dandruff from "components/molecules/Dandruff";
import { useParams } from "react-router-dom";
import styles from "./style.module.scss";
-import Row from "react-bootstrap/Row";
-import Col from "react-bootstrap/Col";
-import Button from "react-bootstrap/Button";
import classNames from "classnames";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faGlobe, faLink } from "@fortawesome/free-solid-svg-icons";
+import PageButtonGroup from "components/molecules/PageButtonGroup";
const ModuleOverview: React.FC = () => {
let { id } = useParams();
@@ -91,24 +88,7 @@ const ModuleOverview: React.FC = () => {
</p>
<h4 className={classNames(styles.moduleSectionHeader)}>Links</h4>
- <Row style={{ marginTop: "1.25rem" }}>
- {buttons.map(({ title, icon, url }, i) => (
- <Col
- xs={6}
- sm={6}
- md={4}
- lg={4}
- xl={3}
- key={i}
- style={{ paddingRight: "10px", paddingLeft: "10px" }}
- >
- <Button href={url} target="_blank">
- {title}
- <FontAwesomeIcon style={{ fontSize: "1.125rem" }} icon={icon} />
- </Button>
- </Col>
- ))}
- </Row>
+ <PageButtonGroup buttons={buttons}/>
</>
);
};