Commit 8143c9dc authored by TJHeeringa's avatar TJHeeringa

Added dummy page for Campus Card

parent 75e2d4e5
......@@ -87,7 +87,18 @@ const AssociationsNavTabs = ({ association_memberships, url, onImgLoad }) => {
}
const logo = association_membership.association.logo;
const label = association.name.slice(0, association.name.indexOf(" "));
let label;
if (association.short_name) {
label = association.short_name;
} else {
if (association.name.length > 15){
const len = association.name.length;
label = association.name.slice(association.name.indexOf(" ", len - 15) + 1);
} else {
label = association.name;
}
}
return (
<Tab
value={subpath}
......
import EventIcon from "@material-ui/icons/Event";
import HomeIcon from "@material-ui/icons/Home";
import PaymentIcon from "@material-ui/icons/Payment";
import Drawer from "App/Components/Lists/Drawer/Drawer";
import React from "react";
......@@ -20,6 +21,11 @@ const PublicDrawer = (props) => {
primary: "Calendar",
to: "/protected/calendar"
},
{
icon: <PaymentIcon />,
primary: "Campus Card",
to: "/protected/campus-card"
}
];
return (
<Drawer items={data}/>
......
import {Container} from "@material-ui/core";
import Typography from "@material-ui/core/Typography";
import React from "react";
import Block from "../../Components/PageLayout/Content/Block";
const CampusCard = (props) => {
return (
<Container>
<Block>
<Typography variant={"h4"}>Campus Card</Typography>
<hr className={"box-title-separator"}/>
<Typography>Explantion of campus card</Typography>
<br/><br/>
<Typography>List of campus card options with payment link</Typography>
</Block>
<Block>
<Typography variant={"h4"}>'verenigingsheffing'</Typography>
<hr className={"box-title-separator"}/>
<Typography>Explantion of 'verenigingsheffing'</Typography>
<br/><br/>
<Typography>List of 'verenigingsheffing' to be paid with payment link</Typography>
<Typography>Don't create links without having a campus card</Typography>
</Block>
</Container>
);
};
export default CampusCard;
\ No newline at end of file
......@@ -9,12 +9,13 @@ import {useGet} from "restful-react";
import {useAuth} from "../../Contexts/Authentication";
import {useLayout} from "../../Contexts/PageLayout";
import CollectiveCalendar from "../../Pages/Calendar/CollectiveCalendar";
import CampusCard from "../../Pages/Home/CampusCard";
import Home from "../../Pages/Home/Home";
import Settings from "../../Pages/Profile/Settings";
import SharedProfile from "../../Pages/Profile/SharedProfile";
import {Associations} from "../../Pages/Search/Associations";
import AssociationRoutes from "./MyAssociations/Association";
import CollectiveCalendar from "../../Pages/Calendar/CollectiveCalendar";
export const AuthorizedRoutes = (props) => {
......@@ -113,6 +114,12 @@ export const AuthorizedRoutes = (props) => {
association_memberships={sunmember.association_memberships}
/>}
/>
<Route exact path={url + "/campus-card"}
render={() =>
<CampusCard
preferred_profile={sunmember.preferred_profile}
/>}
/>
<Route exact path={url + "/associations/add"}
render={() =>
<Associations
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment