From fcaf56586b824763b8f46c58151cb7fc0601053d Mon Sep 17 00:00:00 2001
From: Cyril Joby <cyriljoby@Cyrils-MacBook-Pro.local>
Date: Mon, 16 Dec 2024 14:34:21 -0800
Subject: [PATCH 1/3] added links to other applications at bottom of page

---
 .../ApplyConfirmation/ConfirmationDetails.tsx | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/apps/site/src/lib/components/forms/shared/ApplyConfirmation/ConfirmationDetails.tsx b/apps/site/src/lib/components/forms/shared/ApplyConfirmation/ConfirmationDetails.tsx
index a61520bf..49986999 100644
--- a/apps/site/src/lib/components/forms/shared/ApplyConfirmation/ConfirmationDetails.tsx
+++ b/apps/site/src/lib/components/forms/shared/ApplyConfirmation/ConfirmationDetails.tsx
@@ -15,6 +15,9 @@ export default async function ConfirmationDetails({
 	roleText,
 	role,
 }: ConfirmationDetailsProps) {
+	const otherRoles = ["Hacker", "Mentor", "Volunteer"].filter(
+		(r) => r !== role,
+	);
 	return (
 		<div className="flex flex-col items-center gap-8 px-4 py-6 mx-4 max-w-screen-lg md:p-6 md:px-10 md:py-8 border-[2px] md:border-[5px] border-[var(--color-white)] text-[var(--color-white)] bg-[var(--color-black)]">
 			<h1 className="text-5xl text-center">Before Applying</h1>
@@ -61,6 +64,24 @@ export default async function ConfirmationDetails({
 				}
 				isLightVersion
 			/>
+
+			<p>
+				Interested in being a{" "}
+				<a
+					href={otherRoles[0] == "Hacker"?`/apply`:`${otherRoles[0].toLowerCase()}`}
+					className="text-[#FBA80A] underline"
+				>
+					{otherRoles[0]}
+				</a>{" "}
+				or{" "}
+				<a
+					href={otherRoles[1] == "Hacker"?`/apply`:`${otherRoles[1].toLowerCase()}`}
+					className="text-[#FBA80A] underline"
+				>
+					{otherRoles[1]}
+				</a>{" "}
+				instead?
+			</p>
 		</div>
 	);
 }

From 041d5b764ebf357bde908a6b2db370e96efe3c5b Mon Sep 17 00:00:00 2001
From: Cyril Joby <cyriljoby@Cyrils-MacBook-Pro.local>
Date: Mon, 16 Dec 2024 16:31:14 -0800
Subject: [PATCH 2/3] make not dependent on array indexing

---
 .../ApplyConfirmation/ConfirmationDetails.tsx | 24 +++++++++----------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/apps/site/src/lib/components/forms/shared/ApplyConfirmation/ConfirmationDetails.tsx b/apps/site/src/lib/components/forms/shared/ApplyConfirmation/ConfirmationDetails.tsx
index 49986999..07d9b3ff 100644
--- a/apps/site/src/lib/components/forms/shared/ApplyConfirmation/ConfirmationDetails.tsx
+++ b/apps/site/src/lib/components/forms/shared/ApplyConfirmation/ConfirmationDetails.tsx
@@ -67,19 +67,17 @@ export default async function ConfirmationDetails({
 
 			<p>
 				Interested in being a{" "}
-				<a
-					href={otherRoles[0] == "Hacker"?`/apply`:`${otherRoles[0].toLowerCase()}`}
-					className="text-[#FBA80A] underline"
-				>
-					{otherRoles[0]}
-				</a>{" "}
-				or{" "}
-				<a
-					href={otherRoles[1] == "Hacker"?`/apply`:`${otherRoles[1].toLowerCase()}`}
-					className="text-[#FBA80A] underline"
-				>
-					{otherRoles[1]}
-				</a>{" "}
+				{otherRoles.map((role, index) => (
+					<span key={role}>
+						<a
+							href={role === "Hacker" ? `/apply` : `/${role.toLowerCase()}`}
+							className="text-[#FBA80A] underline"
+						>
+							{role}
+						</a>
+						{index < otherRoles.length - 1 ? " or " : " "}
+					</span>
+				))}
 				instead?
 			</p>
 		</div>

From fd626da06930592b5467901c1c86d44da828025a Mon Sep 17 00:00:00 2001
From: Cyril Joby <cyriljoby@Cyrils-MacBook-Pro.local>
Date: Tue, 17 Dec 2024 00:09:12 -0800
Subject: [PATCH 3/3] replace standard a tag with next Link

---
 .../forms/shared/ApplyConfirmation/ConfirmationDetails.tsx   | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/site/src/lib/components/forms/shared/ApplyConfirmation/ConfirmationDetails.tsx b/apps/site/src/lib/components/forms/shared/ApplyConfirmation/ConfirmationDetails.tsx
index 07d9b3ff..ccb545ca 100644
--- a/apps/site/src/lib/components/forms/shared/ApplyConfirmation/ConfirmationDetails.tsx
+++ b/apps/site/src/lib/components/forms/shared/ApplyConfirmation/ConfirmationDetails.tsx
@@ -1,4 +1,5 @@
 import Button from "@/lib/components/Button/Button";
+import Link from "next/link";
 
 interface ConfirmationDetailsProps {
 	isLoggedIn: boolean;
@@ -69,12 +70,12 @@ export default async function ConfirmationDetails({
 				Interested in being a{" "}
 				{otherRoles.map((role, index) => (
 					<span key={role}>
-						<a
+						<Link
 							href={role === "Hacker" ? `/apply` : `/${role.toLowerCase()}`}
 							className="text-[#FBA80A] underline"
 						>
 							{role}
-						</a>
+						</Link>
 						{index < otherRoles.length - 1 ? " or " : " "}
 					</span>
 				))}