Added dummy page for Campus Card

src/App/Components/PageLayout/Header/NavTabs.js

@@ -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}

src/App/Components/PageLayout/SideBar/PublicSideBar.js

 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}/>

src/App/Pages/Home/CampusCard.js

+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

src/App/Routing/Authenticated/Authorized.js

@@ -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