From 145218a13db4e7685024b77958917428505cb71f Mon Sep 17 00:00:00 2001
From: renatodellosso <rddellosso4@gmail.com>
Date: Sat, 14 Dec 2024 11:53:19 -0500
Subject: [PATCH] Refactor PitScoutingCard to replace Button with anchor tags
 for navigation and remove useRouter

---
 components/competition/PitScoutingCard.tsx | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/components/competition/PitScoutingCard.tsx b/components/competition/PitScoutingCard.tsx
index ba4c5cab..79c87ca2 100644
--- a/components/competition/PitScoutingCard.tsx
+++ b/components/competition/PitScoutingCard.tsx
@@ -1,8 +1,6 @@
 import { NotLinkedToTba } from "@/lib/client/ClientUtils";
 import { Competition, Pitreport } from "@/lib/Types";
 import Link from "next/link";
-import { useRouter } from "next/router";
-import { Button } from "react-bootstrap";
 import { BsGearFill } from "react-icons/bs";
 import { FaRobot } from "react-icons/fa";
 
@@ -13,8 +11,6 @@ export default function PitScoutingCard(props: {
 }) {
 	const { pitreports, loadingPitreports, comp } = props;
 
-	const router = useRouter();
-
 	return (
 		<div className="w-full card bg-base-200 shadow-xl h-56">
 			{pitreports.length === 0 && !loadingPitreports ? (
@@ -43,9 +39,9 @@ export default function PitScoutingCard(props: {
 							pitreports
 								?.sort((a, b) => a.teamNumber - b.teamNumber)
 								?.map((report) => (
-									<Button
+									<a
 										className="card mt-2 bg-base-100 hover:bg-base-200 p-2 h-3/4"
-										onClick={() => router.push(`/pit/${report._id}`)}
+										href={`${window.location.pathname}/pit/${report._id}`}
 										key={report._id}
 									>
 										<div className="relative rounded-t-lg h-6 z-20 w-16 -translate-y-2 font-bold text-center">
@@ -64,7 +60,7 @@ export default function PitScoutingCard(props: {
 												<FaRobot size={64} />
 											)}
 										</div>
-									</Button>
+									</a>
 								))
 						)}
 					</div>