Skip to content
Snippets Groups Projects
Commit 604509f4 authored by danieldeng2's avatar danieldeng2
Browse files

Add dedicated view for mobile devices

parent 43f9f32d
No related branches found
No related tags found
No related merge requests found
import React from "react";
import styles from "./style.module.scss";
import TermSwitcher from "../TermSwitcher";
import { Term, Module } from "constants/types";
import Container from "react-bootstrap/esm/Container";
import classNames from "classnames";
import ModuleHeading from "../ModuleHeading";
import MyBreadcrumbs from "components/atoms/MyBreadcrumbs";
export interface Props {
modulesList: Module[];
term: Term;
setTerm: React.Dispatch<React.SetStateAction<Term>>;
}
const TimelineMobile: React.FC<Props> = ({ modulesList, term, setTerm }) => {
return (
<Container className={classNames("pageContainer")}>
<MyBreadcrumbs/>
<TermSwitcher term={term} setTerm={setTerm} />
{modulesList.map(({ code, title }) => (
<ModuleHeading
moduleCode={code}
key={code}
style={{ marginTop: "1.25rem" }}
title={title}
/>
))}
</Container>
);
};
export default TimelineMobile;
......@@ -12,11 +12,12 @@ import LoadingScreen from "components/molecules/LoadingScreen";
import { Term, Module } from "constants/types";
import { addDays } from "utils/functions";
import EventModal from "./components/EventModal";
import TimelineMobile from "./components/TimelineMobile";
export interface TimelineEvent {
title: string;
id: number;
type: string;
id: number;
type: string;
moduleCode: string;
startDate: Date;
endDate: Date;
......@@ -119,6 +120,17 @@ class Timeline extends React.Component<TimelineProps, TimelineState> {
let currModules = this.state.modulesList.filter(({ terms }) =>
terms.includes(this.props.term)
);
if (window.innerWidth <= 760) {
return (
<TimelineMobile
term={this.props.term}
setTerm={this.props.setTerm}
modulesList={currModules}
/>
);
}
return (
<>
<EventModal
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment