CW2-5 Request Changes

Author: andrew-l3

components/Navbar.tsx

@@ -1,24 +1,32 @@
 import Image from "next/image";
 import Link from "next/link";
+import { useEffect, useState } from 'react';
 
 const Navbar = () => {
+  const [path, setPath] = useState<String>('');
+  useEffect(() => {
+    let item:string = window.location.href.split("/").pop()!;
+    if (item == '' || item == undefined) setPath('HOME');
+    else setPath(item.toUpperCase());
+  })
+
   return (
     <nav className="flex justify-between items-center relative z-10">
       <Link href="/">
         <Image src="/assets/csesoc_logo.svg" alt="CSESoc Logo" width={200} height={200} draggable={false} />
-        <p className="mt-3 text-xs">C:\INTERNAL STRUCTURE\HOME</p>
+        <p className="mt-3 text-xs">C:\INTERNAL STRUCTURE\{path}</p>
       </Link>
       <div>
         <div className="md:flex xl:gap-36 lg:gap-20 md:gap-10 text-right font-bold hidden">
-          <Link href="#about">
+          <Link href="about us">
             <p className="text-[0.6rem] text-[#C4C5C8]">01</p>
             <div>{"//"} about us</div>
           </Link>
-          <Link href="#events">
+          <Link href="events">
             <p className="text-[0.6rem] text-[#C4C5C8]">02</p>
             <div>{"//"} events</div>
           </Link>
-          <Link href="#resources">
+          <Link href="resources">
             <p className="text-[0.6rem] text-[#C4C5C8]">03</p>
             <div>{"//"} resources</div>
           </Link>

components/Sponsors/index.tsx

@@ -18,7 +18,7 @@ const Sponsors = () => {
             <div className="max-w-[15rem]">
               <h2 className="text-4xl font-black">Our sponsors</h2>
               <p className="xl:my-10 my-3 text-lg">Check out our very cool sponsors.</p>
-              <button className="bg-white border text-[#3977F8] border-[#A7A6E5] text-lg rounded-xl w-[100%] xl:h-12 h-10">View our sponsors</button>
+              <a href="sponsors"><button className="bg-white border text-[#3977F8] border-[#A7A6E5] text-lg rounded-xl w-[100%] xl:h-12 h-10">View our sponsors</button></a>
             </div>
           </div>
           <div className={`${firstRowBoxesStyling} bg-[rgba(0, 71, 255, 0.33)]`}>

public/data/data.ts

@@ -1,3 +1,7 @@
+export const sponsorInfo: Record<string, string>[] = [
+    {}
+];
+
 export const diamondLinks: Record<string, string>[] = [
     {
         href: 'https://www.janestreet.com/',