From c7251098860b8bc1b429c1a8e3b95bab169d4712 Mon Sep 17 00:00:00 2001
From: renatodellosso <rddellosso4@gmail.com>
Date: Mon, 10 Feb 2025 17:56:10 -0500
Subject: [PATCH] Container in pit reports, require auth in quant reports

---
 .../[competitonSlug]/[reportId]/index.tsx     |  6 +-
 .../[competitonSlug]/pit/[...pitreportId].tsx | 66 ++++++++++---------
 2 files changed, 37 insertions(+), 35 deletions(-)

diff --git a/pages/[teamSlug]/[seasonSlug]/[competitonSlug]/[reportId]/index.tsx b/pages/[teamSlug]/[seasonSlug]/[competitonSlug]/[reportId]/index.tsx
index e1672a39..0b14afe6 100644
--- a/pages/[teamSlug]/[seasonSlug]/[competitonSlug]/[reportId]/index.tsx
+++ b/pages/[teamSlug]/[seasonSlug]/[competitonSlug]/[reportId]/index.tsx
@@ -14,9 +14,6 @@ import ClientApi from "@/lib/api/ClientApi";
 const api = new ClientApi();
 
 export default function Homepage(props: FormProps) {
-	const { session, status } = useCurrentSession();
-	const hide = status === "authenticated";
-
 	useEffect(() => {
 		if (props.report)
 			setInterval(() => api.checkInForReport(props.report._id!), 5000);
@@ -24,8 +21,7 @@ export default function Homepage(props: FormProps) {
 
 	return (
 		<Container
-			requireAuthentication={false}
-			hideMenu={!hide}
+			requireAuthentication={true}
 			title={`${props.report.robotNumber} | Quant Scouting`}
 		>
 			{props.report ? <Form {...props} /> : <p className="text-error">Welp.</p>}
diff --git a/pages/[teamSlug]/[seasonSlug]/[competitonSlug]/pit/[...pitreportId].tsx b/pages/[teamSlug]/[seasonSlug]/[competitonSlug]/pit/[...pitreportId].tsx
index 0f58286b..fa932608 100644
--- a/pages/[teamSlug]/[seasonSlug]/[competitonSlug]/pit/[...pitreportId].tsx
+++ b/pages/[teamSlug]/[seasonSlug]/[competitonSlug]/pit/[...pitreportId].tsx
@@ -27,6 +27,7 @@ import Checkbox from "@/components/forms/Checkboxes";
 import FieldPositionSelector from "@/components/forms/FieldPositionSelector";
 import ImageUpload from "@/components/forms/ImageUpload";
 import Card from "@/components/Card";
+import Container from "@/components/Container";
 
 const api = new ClientApi();
 
@@ -270,39 +271,44 @@ export default function PitReportForm(props: {
 	});
 
 	return (
-		<Flex
-			mode="col"
-			className="items-center w-screen h-full space-y-4"
+		<Container
+			requireAuthentication={true}
+			title={`${props.pitReport.teamNumber} | Pit Scouting`}
 		>
-			<Card
-				className="w-1/4"
-				coloredTop="bg-accent"
+			<Flex
+				mode="col"
+				className="items-center w-screen h-full space-y-4"
 			>
-				<Flex
-					center={true}
-					mode="col"
+				<Card
+					className="w-1/4"
+					coloredTop="bg-accent"
 				>
-					<h1 className="text-4xl font-semibold">Pitscouting</h1>
-					<div className="divider"></div>
-					<h1 className="font-semibold text-2xl">
-						<FaRobot
-							className="inline mr-2"
-							size={30}
-						></FaRobot>
-						Team <span className="text-accent">{pitreport.teamNumber}</span>
-					</h1>
-				</Flex>
-			</Card>
-			<Card>
-				{components}
-				<button
-					className="btn btn-primary "
-					onClick={submit}
-				>
-					Submit
-				</button>
-			</Card>
-		</Flex>
+					<Flex
+						center={true}
+						mode="col"
+					>
+						<h1 className="text-4xl font-semibold">Pitscouting</h1>
+						<div className="divider"></div>
+						<h1 className="font-semibold text-2xl">
+							<FaRobot
+								className="inline mr-2"
+								size={30}
+							></FaRobot>
+							Team <span className="text-accent">{pitreport.teamNumber}</span>
+						</h1>
+					</Flex>
+				</Card>
+				<Card>
+					{components}
+					<button
+						className="btn btn-primary "
+						onClick={submit}
+					>
+						Submit
+					</button>
+				</Card>
+			</Flex>
+		</Container>
 	);
 }