Iteration 7

jackbelyeu · Apr 23, 2024 · 97b70bf · 97b70bf
1 parent c36e243
commit 97b70bf
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 6 deletions.
diff --git a/src/app/Components/Navbar/Navbar.tsx b/src/app/Components/Navbar/Navbar.tsx
@@ -1,9 +1,20 @@
 "use client";
+
 import Container from "react-bootstrap/Container";
 import Nav from "react-bootstrap/Nav";
 import Navbar from "react-bootstrap/Navbar";
+import NavDropdown from "react-bootstrap/NavDropdown";
+import React, { useState, useEffect } from "react";
 
 function MyNavbar() {
+  const [teams, setTeams] = useState<string[]>([]);
+  useEffect(() => {
+    fetch("/api/teams")
+      .then((res) => res.json())
+      .then((data) => {
+        setTeams(data.teams);
+      });
+  }, []);
   return (
     <Navbar
       bg="primary"
@@ -19,6 +30,14 @@ function MyNavbar() {
           <Nav className="me-auto">
             <Nav.Link href="/">Home</Nav.Link>
             <Nav.Link href="/learnmore">Learn More</Nav.Link>
+            <NavDropdown title="Teams" id="basic-nav-dropdown">
+              {teams.map((team, index) => (
+                <NavDropdown.Item key={index} href={`/${team}`}>
+                  {team}
+                </NavDropdown.Item>
+              ))}
+            </NavDropdown>
+
             <Nav.Link href="/matchSchedule">Match Schedule</Nav.Link>
             <Nav.Link href="/organiserlogin">Organiser Login</Nav.Link>
           </Nav>

diff --git a/src/app/[team]/roster/page.tsx b/src/app/[team]/roster/page.tsx
@@ -4,7 +4,7 @@ import Card from "../../Components/Card/Card";
 import Image from "next/image";
 import styles from "./styles.module.css";
 import Button from "react-bootstrap/Button";
-import { Toaster, toast } from "sonner"; 
+import { Toaster, toast } from "sonner";
 interface RosterProps {
   params: {
     team: string;
@@ -18,7 +18,7 @@ const validTeams = [
   "mosquitoes",
   "grasskickers",
   "hyenas",
-  "paceychickens"
+  "paceychickens",
 ];
 interface CardProps {
   player_name: string;
@@ -233,18 +233,18 @@ const PlayerCards = ({
             value={commitmentLevel}
             onChange={(e) => setCommitmentLevel(e.target.value)}
           >
-             <option >Select Commitment Level</option>
+            <option>Select Commitment Level</option>
             <option value="Full time">Full Time</option>
             <option value="Part time">Part Time</option>
           </select>
           <br />
           <label>Position :</label>
-       
+
           <select
             value={position}
             onChange={(e) => setPosition(e.target.value)}
           >
-             <option >Select Position</option>
+            <option>Select Position</option>
             <option value="Goalkeeper">Goalkeeper</option>
             <option value="Forward">Forward</option>
             <option value="Midfielder">Midfielder</option>
@@ -256,7 +256,7 @@ const PlayerCards = ({
             value={previous_club}
             onChange={(e) => setPreviousClub(e.target.value)}
           >
-            <option >Select Previous Club</option>
+            <option>Select Previous Club</option>
             <option value="Mosquitoes">Mosquitoes</option>
             <option value="Hyenas">Hyenas</option>
             <option value="Chickens">Chickens</option>