From 7608c76ebcea790e18ea9b375eeb0337ec8f00d4 Mon Sep 17 00:00:00 2001
From: Angie Che <che.a@northeastern.edu>
Date: Mon, 26 Jan 2026 13:46:12 -0500
Subject: [PATCH 1/2] popup

---
 apps/main/src/app/lib/Components/NavBar.tsx | 10 +++++++---
 packages/ui/src/NavBar/NavBarBase.tsx       | 16 +++++++++++++++-
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/apps/main/src/app/lib/Components/NavBar.tsx b/apps/main/src/app/lib/Components/NavBar.tsx
index 94fa6208..3420c20f 100644
--- a/apps/main/src/app/lib/Components/NavBar.tsx
+++ b/apps/main/src/app/lib/Components/NavBar.tsx
@@ -4,6 +4,10 @@ import React from "react";
 import NavBarBase from "@repo/ui/NavBarBase";
 
 const NavBar = () => {
+  const handleApplyClick = () => {
+    alert("Applications for HackBeanpot 2026 are closed! Please follow us on Instagram @HackBeanpot for more updates.");
+  };
+
   return (
     <NavBarBase
       links={[
@@ -16,13 +20,13 @@ const NavBar = () => {
         { pageName: "Sponsor Us", link: "/sponsor-us" },
         {
           pageName: "Apply",
-          link: "https://apply.hackbeanpot.com/",
-          useExternalLink: true,
+          link: "#",
           buttonColor: "firecrackerRedLight",
+          onClick: handleApplyClick,
         },
       ]}
     />
   );
 };
 
-export default NavBar;
+export default NavBar;
\ No newline at end of file
diff --git a/packages/ui/src/NavBar/NavBarBase.tsx b/packages/ui/src/NavBar/NavBarBase.tsx
index a586289c..809d5dfd 100644
--- a/packages/ui/src/NavBar/NavBarBase.tsx
+++ b/packages/ui/src/NavBar/NavBarBase.tsx
@@ -14,6 +14,7 @@ export type LinkProps = {
   link: string;
   buttonColor?: string;
   useExternalLink?: boolean;
+  onClick?: () => void;  // ADDED: onClick support
 };
 
 export type NavBarProps = {
@@ -29,6 +30,19 @@ const LinkedButton = ({
   useExternalLink: boolean;
   linkInfo: LinkProps;
 }) => {
+  if (linkInfo.onClick) {
+    return (
+      <Button
+        textColor="white"
+        text={linkInfo.pageName}
+        color={linkInfo.buttonColor}
+        size="medium"
+        className="w-fit"
+        onClick={linkInfo.onClick}
+      />
+    );
+  }
+
   return useExternalLink ? (
     <Button
       textColor="white"
@@ -142,4 +156,4 @@ const NavBarBase: React.FC<NavBarProps> = ({
   );
 };
 
-export default NavBarBase;
+export default NavBarBase;
\ No newline at end of file

From f0dab9af45c7064b2fa878adfef648db644dc160 Mon Sep 17 00:00:00 2001
From: Angie Che <che.a@northeastern.edu>
Date: Mon, 26 Jan 2026 13:47:40 -0500
Subject: [PATCH 2/2] syntax

---
 apps/live/src/app/(landing)/Keynote.tsx           |  6 +-----
 apps/live/src/app/api/cabinPoints/route.ts        |  2 +-
 apps/live/src/app/lib/Components/FilterButton.tsx | 15 +++++++--------
 apps/main/src/app/lib/Components/NavBar.tsx       |  6 ++++--
 apps/main/src/app/sponsors/page.tsx               |  2 +-
 packages/ui/src/NavBar/NavBarBase.tsx             |  4 ++--
 6 files changed, 16 insertions(+), 19 deletions(-)

diff --git a/apps/live/src/app/(landing)/Keynote.tsx b/apps/live/src/app/(landing)/Keynote.tsx
index e383945d..0f7a15ea 100644
--- a/apps/live/src/app/(landing)/Keynote.tsx
+++ b/apps/live/src/app/(landing)/Keynote.tsx
@@ -3,9 +3,5 @@
 import React from "react";
 
 export default function Keynote(): React.ReactNode {
-
-  return (
-    <div>
-    </div>
-  );
+  return <div></div>;
 }
diff --git a/apps/live/src/app/api/cabinPoints/route.ts b/apps/live/src/app/api/cabinPoints/route.ts
index 782da255..2f5ee97b 100644
--- a/apps/live/src/app/api/cabinPoints/route.ts
+++ b/apps/live/src/app/api/cabinPoints/route.ts
@@ -25,7 +25,7 @@ export async function GET(req: NextRequest) {
   } catch (err) {
     return NextResponse.json(
       { error: `Request to get airtable data failed ${err}` },
-      { status: 500 }
+      { status: 500 },
     );
   }
 }
diff --git a/apps/live/src/app/lib/Components/FilterButton.tsx b/apps/live/src/app/lib/Components/FilterButton.tsx
index 02af5346..9c406b35 100644
--- a/apps/live/src/app/lib/Components/FilterButton.tsx
+++ b/apps/live/src/app/lib/Components/FilterButton.tsx
@@ -13,7 +13,7 @@ interface ButtonProps {
 
 const bgColorMap: Record<string, string> = {
   canopyGreenLight: "bg-canopyGreenLight",
-  canopyGreen:"bg-canopyGreen",
+  canopyGreen: "bg-canopyGreen",
   mossGreen: "bg-mossGreen",
   mossGreenDark: "bg-mossGreenDark",
   firecrackerRedLight: "bg-firecrackerRedLight",
@@ -28,7 +28,7 @@ const textColorMap: Record<string, string> = {
 
 const borderColorMap: Record<string, string> = {
   canopyGreenLight: "border-canopyGreenLight",
-  canopyGreen:"bg-canopyGreen",
+  canopyGreen: "bg-canopyGreen",
   mossGreen: "border-mossGreen",
   mossGreenDark: "border-mossGreenDark",
   firecrackerRed: "border-firecrackerRed",
@@ -52,7 +52,7 @@ const hoverTextColorMap: Record<string, string> = {
 const hoverBorderColorMap: Record<string, string> = {
   white: "hover:border-white",
   canopyGreenLight: "hover:border-canopyGreenLight",
-  canopyGreen:"bg-canopyGreen",
+  canopyGreen: "bg-canopyGreen",
   mossGreen: "hover:border-mossGreen",
   mossGreenDark: "hover:border-mossGreenDark",
   firecrackerRed: "hover:border-firecrackerRed",
@@ -83,7 +83,7 @@ const FilterButton: React.FC<ButtonProps> = ({
     ? hoverBorderColorMap[hoverBorderColor]
     : "hover:border-white";
 
-    const baseStyle = `font-NeulisNeue-Bold flex items-center justify-center gap-1 rounded-lg w-auto h-auto py-1 whitespace-nowrap border border-solid transition-transform duration-200 ease-in-out hover:scale-105 hover:border-[1.5px] active:brightness-90
+  const baseStyle = `font-NeulisNeue-Bold flex items-center justify-center gap-1 rounded-lg w-auto h-auto py-1 whitespace-nowrap border border-solid transition-transform duration-200 ease-in-out hover:scale-105 hover:border-[1.5px] active:brightness-90
     ${bgClass}
     ${textClass}
     ${borderClass}
@@ -92,13 +92,12 @@ const FilterButton: React.FC<ButtonProps> = ({
     ${hoverBorderClass}
     ${text ? "px-4" : "px-2"}
     `;
- 
+
   return (
-    <button
-      className={baseStyle} onClick={onClick}>
+    <button className={baseStyle} onClick={onClick}>
       {text}
     </button>
   );
 };
 
-export default FilterButton;
\ No newline at end of file
+export default FilterButton;
diff --git a/apps/main/src/app/lib/Components/NavBar.tsx b/apps/main/src/app/lib/Components/NavBar.tsx
index 3420c20f..b2be37c4 100644
--- a/apps/main/src/app/lib/Components/NavBar.tsx
+++ b/apps/main/src/app/lib/Components/NavBar.tsx
@@ -5,7 +5,9 @@ import NavBarBase from "@repo/ui/NavBarBase";
 
 const NavBar = () => {
   const handleApplyClick = () => {
-    alert("Applications for HackBeanpot 2026 are closed! Please follow us on Instagram @HackBeanpot for more updates.");
+    alert(
+      "Applications for HackBeanpot 2026 are closed! Please follow us on Instagram @HackBeanpot for more updates.",
+    );
   };
 
   return (
@@ -29,4 +31,4 @@ const NavBar = () => {
   );
 };
 
-export default NavBar;
\ No newline at end of file
+export default NavBar;
diff --git a/apps/main/src/app/sponsors/page.tsx b/apps/main/src/app/sponsors/page.tsx
index e25e5640..1475cf6a 100644
--- a/apps/main/src/app/sponsors/page.tsx
+++ b/apps/main/src/app/sponsors/page.tsx
@@ -13,7 +13,7 @@ import KlaviyoLogo from "@repo/ui/Logos/KlaviyoLogo.svg";
 import MavenAGILogo from "@repo/ui/Logos/MavenAGILogo.svg";
 import RGLogo from "@repo/ui/Logos/RGLogo.svg";
 import WhoopLogo from "@repo/ui/Logos/WhoopLogo.svg";
-import PureButton from "@repo/ui/Logos/PureButton.svg"
+import PureButton from "@repo/ui/Logos/PureButton.svg";
 
 function makeSponsorRow(
   ticketSizes: number[],
diff --git a/packages/ui/src/NavBar/NavBarBase.tsx b/packages/ui/src/NavBar/NavBarBase.tsx
index 809d5dfd..5cb60a36 100644
--- a/packages/ui/src/NavBar/NavBarBase.tsx
+++ b/packages/ui/src/NavBar/NavBarBase.tsx
@@ -14,7 +14,7 @@ export type LinkProps = {
   link: string;
   buttonColor?: string;
   useExternalLink?: boolean;
-  onClick?: () => void;  // ADDED: onClick support
+  onClick?: () => void;
 };
 
 export type NavBarProps = {
@@ -156,4 +156,4 @@ const NavBarBase: React.FC<NavBarProps> = ({
   );
 };
 
-export default NavBarBase;
\ No newline at end of file
+export default NavBarBase;