www
/
cs-2022-class-profile
16
0
Fork 0
Code Issues 11 Pull Requests 1 Projects Releases Wiki Activity

modify props
continuous-integration/drone/push Build is failing Details

This commit is contained in:
Rebecca-Chou 2022-10-02 22:47:00 -04:00
parent fe874cbd29
commit 0b2aee86ee
2 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
components/BottomNav.tsx
View File

@ -3,29 +3,31 @@ import React from "react";
import styles from "./BottomNav.module.css"; import styles from "./BottomNav.module.css";
interface PageLinks { interface PagesInfo {
leftPage: string; leftPageLink: string;
rightPage: string; leftPageName: string;
rightPageLink: string;
rightPageName: string;
} }
export function BottomNav(props: PageLinks) { export function BottomNav(props: PagesInfo) {
return ( return (
<div className={styles.container}> <div className={styles.container}>
<div className={styles.subBox + " " + styles.subBoxLeft}> <div className={styles.subBox + " " + styles.subBoxLeft}>
<Link href={props.leftPage}> <Link href={props.leftPageLink}>
<a> <a>
<Arrow isPointRight={true}></Arrow> <Arrow isPointRight></Arrow>
</a> </a>
</Link> </Link>
<Link href={props.leftPage}> <Link href={props.leftPageLink}>
<a className={styles.item}>Demographics</a> <a className={styles.item}>{props.leftPageName}</a>
</Link> </Link>
</div> </div>
<div className={styles.subBox}> <div className={styles.subBox}>
<Link href={props.leftPage}> <Link href={props.leftPageLink}>
<a className={styles.item}>Co-ops</a> <a className={styles.item}>{props.rightPageName}</a>
</Link> </Link>
<Link href={props.leftPage}> <Link href={props.leftPageLink}>
<a> <a>
<Arrow isPointRight={false}></Arrow> <Arrow isPointRight={false}></Arrow>
</a> </a>

7
pages/playground.tsx
View File

@ -172,7 +172,12 @@ export default function Home() {
<h2> <h2>
<code>{"<BottomNav />"}</code> <code>{"<BottomNav />"}</code>
</h2> </h2>
<BottomNav leftPage="/" rightPage="/"></BottomNav> <BottomNav
leftPageLink="/"
leftPageName="Demographics"
rightPageLink="/"
rightPageName="View Co-ops"
></BottomNav>
</div> </div>
); );
} }