From 25d3121b966547b1144cf902d4656e9a46772aff Mon Sep 17 00:00:00 2001
From: Amy <minds10@hotmail.com>
Date: Sat, 28 Aug 2021 15:51:57 -0400
Subject: [PATCH] Change coop to co-op in advice pages

---
 components/Navbar.tsx                         | 27 ++++++++++++++-----
 .../{coop-advice.mdx => co-op-advice.mdx}     |  2 +-
 pages/resources/advice/academic.tsx           |  2 +-
 .../{coop.module.css => co-op.module.css}     |  0
 .../resources/advice/{coop.tsx => co-op.tsx}  | 10 +++----
 pages/resources/advice/misc.tsx               |  2 +-
 6 files changed, 28 insertions(+), 15 deletions(-)
 rename content/advice/{coop-advice.mdx => co-op-advice.mdx} (99%)
 rename pages/resources/advice/{coop.module.css => co-op.module.css} (100%)
 rename pages/resources/advice/{coop.tsx => co-op.tsx} (84%)

diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index ab3e1c1d..18b6342c 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -9,24 +9,23 @@ import styles from "./Navbar.module.css";
 type Menu = {
   name: string;
   route: string;
-  submenu?: {
-    name: string;
-    route: string;
-  }[];
+  exact?: boolean;
+  submenu?: Menu;
 }[];
 
 const menu: Menu = [
   {
     name: "Home",
     route: "/",
+    exact: true,
   },
   {
     name: "About",
-    route: "/about",
+    route: "/about/us",
     submenu: [
       {
         name: "About Us",
-        route: "/about",
+        route: "/about/us",
       },
       {
         name: "Meet the Team",
@@ -76,7 +75,21 @@ const menu: Menu = [
       },
       {
         name: "Advice",
-        route: "/resources/advice/coop",
+        route: "/resources/advice/co-op",
+        submenu: [
+          {
+            name: "Co-op Advice",
+            route: "/resources/advice/co-op",
+          },
+          {
+            name: "Academic Advice",
+            route: "/resources/advice/academic",
+          },
+          {
+            name: "Additional Resources",
+            route: "/resources/advice/misc",
+          },
+        ],
       },
       {
         name: "Internships",
diff --git a/content/advice/coop-advice.mdx b/content/advice/co-op-advice.mdx
similarity index 99%
rename from content/advice/coop-advice.mdx
rename to content/advice/co-op-advice.mdx
index 684a6f4a..1e65bbaa 100644
--- a/content/advice/coop-advice.mdx
+++ b/content/advice/co-op-advice.mdx
@@ -1,4 +1,4 @@
-## Coop Advice
+## Co-op Advice
 
 Although WaterlooWorks is quite reliable, there are many more opportunities outside of the job board. 
 Being able to apply for jobs externally not only prepares you to look for jobs full time but it also 
diff --git a/pages/resources/advice/academic.tsx b/pages/resources/advice/academic.tsx
index aa7823a0..feb6f983 100644
--- a/pages/resources/advice/academic.tsx
+++ b/pages/resources/advice/academic.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 import Content from "../../../content/advice/academic-advice.mdx";
 
-import { Advice } from "./coop";
+import { Advice } from "./co-op";
 
 export default function AcademicAdvice() {
   return (
diff --git a/pages/resources/advice/coop.module.css b/pages/resources/advice/co-op.module.css
similarity index 100%
rename from pages/resources/advice/coop.module.css
rename to pages/resources/advice/co-op.module.css
diff --git a/pages/resources/advice/coop.tsx b/pages/resources/advice/co-op.tsx
similarity index 84%
rename from pages/resources/advice/coop.tsx
rename to pages/resources/advice/co-op.tsx
index 0e91b2df..28365663 100644
--- a/pages/resources/advice/coop.tsx
+++ b/pages/resources/advice/co-op.tsx
@@ -4,9 +4,9 @@ import React, { ReactNode } from "react";
 
 import { Image } from "@/components/Image";
 
-import Content from "../../../content/advice/coop-advice.mdx";
+import Content from "../../../content/advice/co-op-advice.mdx";
 
-import styles from "./coop.module.css";
+import styles from "./co-op.module.css";
 
 export default function CoopAdvice() {
   return (
@@ -26,13 +26,13 @@ export function Advice(props: { children: ReactNode }) {
         <Image src="/images/advice.svg" className={styles.codey} />
       </div>
       <div className={styles.adviceBarContainer}>
-        <Link href="/resources/advice/coop">
+        <Link href="/resources/advice/co-op">
           <a
             className={
-              path == "/resources/advice/coop" ? styles.currentAdvice : ""
+              path == "/resources/advice/co-op" ? styles.currentAdvice : ""
             }
           >
-            Coop Advice
+            Co-op Advice
           </a>
         </Link>
         <Link href="/resources/advice/academic">
diff --git a/pages/resources/advice/misc.tsx b/pages/resources/advice/misc.tsx
index e3ef7196..6a5321ca 100644
--- a/pages/resources/advice/misc.tsx
+++ b/pages/resources/advice/misc.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 import Content from "../../../content/advice/misc-advice.mdx";
 
-import { Advice } from "./coop";
+import { Advice } from "./co-op";
 
 export default function MiscAdvice() {
   return (