www
/
www-new
12
3
Fork 5
Code Issues 58 Pull Requests 42 Projects Releases Wiki Activity

simplified colouring current advice subheading
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Linna Luo 2021-08-22 21:36:27 -04:00
parent ebbd5ce7f5
commit c66fe32e9c
3 changed files with 3 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
pages/resources/advice/academic.tsx
View File

@ -1,5 +1,4 @@
import Link from "next/link"; import Link from "next/link";
import { useRouter } from "next/router";
import React, { ReactNode } from "react"; import React, { ReactNode } from "react";
import { Image } from "@/components/Image"; import { Image } from "@/components/Image";
@ -17,8 +16,6 @@ export default function CoopAdvice() {
} }
export function Advice(props: { children: ReactNode }) { export function Advice(props: { children: ReactNode }) {
const router = useRouter();
const path = router.pathname;
return ( return (
<> <>
<div className={styles.titleContainer}> <div className={styles.titleContainer}>
@ -30,13 +27,7 @@ export function Advice(props: { children: ReactNode }) {
<a>Coop Advice</a> <a>Coop Advice</a>
</Link> </Link>
<Link href="/resources/advice/academic"> <Link href="/resources/advice/academic">
<a <a className={styles.currentAdvice}>Academic Advice</a>
className={
path == "/resources/advice/academic" ? styles.currentAdvice : ""
}
>
Academic Advice
</a>
</Link> </Link>
<Link href="/resources/advice/misc"> <Link href="/resources/advice/misc">
<a>Additional Resources</a> <a>Additional Resources</a>

11
pages/resources/advice/coop.tsx
View File

@ -1,5 +1,4 @@
import Link from "next/link"; import Link from "next/link";
import { useRouter } from "next/router";
import React, { ReactNode } from "react"; import React, { ReactNode } from "react";
import { Image } from "@/components/Image"; import { Image } from "@/components/Image";
@ -17,8 +16,6 @@ export default function CoopAdvice() {
} }
export function Advice(props: { children: ReactNode }) { export function Advice(props: { children: ReactNode }) {
const router = useRouter();
const path = router.pathname;
return ( return (
<> <>
<div className={styles.titleContainer}> <div className={styles.titleContainer}>
@ -27,13 +24,7 @@ export function Advice(props: { children: ReactNode }) {
</div> </div>
<div className={styles.adviceBarContainer}> <div className={styles.adviceBarContainer}>
<Link href="/resources/advice/coop"> <Link href="/resources/advice/coop">
<a <a className={styles.currentAdvice}>Coop Advice</a>
className={
path == "/resources/advice/coop" ? styles.currentAdvice : ""
}
>
Coop Advice
</a>
</Link> </Link>
<Link href="/resources/advice/academic"> <Link href="/resources/advice/academic">
<a>Academic Advice</a> <a>Academic Advice</a>

11
pages/resources/advice/misc.tsx
View File

@ -1,5 +1,4 @@
import Link from "next/link"; import Link from "next/link";
import { useRouter } from "next/router";
import React, { ReactNode } from "react"; import React, { ReactNode } from "react";
import { Image } from "@/components/Image"; import { Image } from "@/components/Image";
@ -17,8 +16,6 @@ export default function CoopAdvice() {
} }
export function Advice(props: { children: ReactNode }) { export function Advice(props: { children: ReactNode }) {
const router = useRouter();
const path = router.pathname;
return ( return (
<> <>
<div className={styles.titleContainer}> <div className={styles.titleContainer}>
@ -33,13 +30,7 @@ export function Advice(props: { children: ReactNode }) {
<a>Academic Advice</a> <a>Academic Advice</a>
</Link> </Link>
<Link href="/resources/advice/misc"> <Link href="/resources/advice/misc">
<a <a className={styles.currentAdvice}>Additional Resources</a>
className={
path == "/resources/advice/misc" ? styles.currentAdvice : ""
}
>
Additional Resources
</a>
</Link> </Link>
</div> </div>
<div className={styles.content}>{props.children}</div> <div className={styles.content}>{props.children}</div>