Club/new site

apps/2025/package.json

@@ -25,7 +25,7 @@
     "@trpc/server": "^11.10.0",
     "framer-motion": "^12.34.3",
     "minimatch": "^10.2.4",
-    "next": "^16.0.0",
+    "next": "^16.2.7",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "server-only": "^0.0.1",
@@ -40,7 +40,7 @@
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "eslint": "catalog:",
-    "eslint-config-next": "^16.0.0",
+    "eslint-config-next": "^16.2.7",
     "postcss": "^8.5.6",
     "prettier": "^3.8.1",
     "prettier-plugin-tailwindcss": "^0.7.2",

apps/2025/src/app/_components/faq/faq.tsx

@@ -144,7 +144,7 @@ const faqData: FaqItem[] = [
     id: "11",
     question: "Is food provided?",
     answer:
-      "We provide free meals, snacks, and drinks throughout the event to keep you energized. We also accommodate dietary restrictions—just let us know during registration.",
+      "We provide free meals, snacks, and drinks throughout the event to keep you energized. We also accommodate dietary restrictions, just let us know during registration.",
     category: "logistics",
   },
   {
@@ -165,7 +165,7 @@ const faqData: FaqItem[] = [
     id: "14",
     question: "Can I use a past project or something I've built before?",
     answer:
-      "Nope—projects must be started after the hackathon begins. You're welcome to brainstorm ideas or learn tools ahead of time, but actual work should begin during the event to keep it fair for everyone.",
+      "Nope, projects must be started after the hackathon begins. You're welcome to brainstorm ideas or learn tools ahead of time, but actual work should begin during the event to keep it fair for everyone.",
     category: "event-details",
   },
   {

apps/blade/package.json

@@ -50,7 +50,7 @@
     "googleapis": "^171.4.0",
     "lucide-react": "^0.575.0",
     "minio": "^8.0.6",
-    "next": "^16.0.0",
+    "next": "^16.2.7",
     "next-themes": "^0.4.6",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",

apps/blade/src/app/_components/admin/banquet-raffle/raffle-draw.tsx

@@ -255,7 +255,7 @@ export default function RaffleDraw({ entries }: { entries: RaffleEntry[] }) {
       >
         <Card className="relative mb-8 w-full overflow-hidden rounded-lg border-2 border-primary bg-card p-1">
           <div className="flex h-[400px] flex-col items-center justify-center overflow-hidden">
-            {/* ————————————————————————   STATES   ———————————————————————— */}
+            {/* STATES */}
             {!isDrawing && !winner ? (
               <div className="flex flex-col items-center justify-center space-y-4 p-8 text-center">
                 <Sparkles className="h-16 w-16 text-primary" />

apps/blade/src/app/_components/admin/club/events/create-event.tsx

@@ -691,7 +691,7 @@ export function CreateEventButton() {
                   )}
                 />
 
-                {/* Discord Channel ID — shown only for internal events */}
+                {/* Discord Channel ID, shown only for internal events */}
                 {form.watch("isOperationsCalendar") && (
                   <FormField
                     control={form.control}

apps/blade/src/app/_components/admin/club/events/update-event.tsx

@@ -485,7 +485,7 @@ export function UpdateEventButton({ event }: { event: InsertEvent }) {
                   </div>
                 </div>
 
-                {/* End Date — NEW */}
+                {/* End Date, NEW */}
                 <FormField
                   control={form.control}
                   name="endDate"
@@ -729,7 +729,7 @@ export function UpdateEventButton({ event }: { event: InsertEvent }) {
                   )}
                 />
 
-                {/* Discord Channel ID — shown only for internal events */}
+                {/* Discord Channel ID, shown only for internal events */}
                 {form.watch("isOperationsCalendar") && (
                   <FormField
                     control={form.control}

apps/blade/src/app/_components/admin/forms/responses/FileUploadResponsesTable.tsx

@@ -90,7 +90,9 @@ export function FileUploadResponsesTable({
                           : "Anonymous"}
                       </TableCell>
                       <TableCell>{response.member?.email ?? "N/A"}</TableCell>
-                      <TableCell className="max-w-[500px]">—</TableCell>
+                      <TableCell className="max-w-[500px]">
+                        No response
+                      </TableCell>
                     </TableRow>
                   );
                 }

apps/blade/src/app/_components/admin/forms/responses/PerUserResponsesView.tsx

@@ -128,7 +128,7 @@ export function PerUserResponsesView({
 
   const formatResponseValue = (value: unknown): string => {
     if (value === undefined || value === null) {
-      return "—";
+      return "No response";
     }
     if (Array.isArray(value)) {
       return value.join(", ");

apps/blade/src/app/_components/admin/forms/responses/ResponsesTable.tsx

@@ -74,7 +74,7 @@ export function ResponsesTable({ question, responses }: ResponsesTableProps) {
 
                 let displayValue: React.ReactNode;
                 if (answer === undefined || answer === null) {
-                  displayValue = "—";
+                  displayValue = "No response";
                 } else if (Array.isArray(answer)) {
                   displayValue = answer.join(", ");
                 } else if (typeof answer === "boolean") {

apps/blade/src/app/_components/admin/hackathon/events/update-event.tsx

@@ -492,7 +492,7 @@ export function UpdateEventButton({ event }: { event: InsertEvent }) {
                   </div>
                 </div>
 
-                {/* End Date — NEW */}
+                {/* End Date, NEW */}
                 <FormField
                   control={form.control}
                   name="endDate"
@@ -736,7 +736,7 @@ export function UpdateEventButton({ event }: { event: InsertEvent }) {
                   )}
                 />
 
-                {/* Discord Channel ID — shown only for internal events */}
+                {/* Discord Channel ID, shown only for internal events */}
                 {form.watch("isOperationsCalendar") && (
                   <FormField
                     control={form.control}

apps/blade/src/app/_components/admin/hackathon/hackers/accept-button.tsx

@@ -2,26 +2,27 @@ import { useState } from "react";
 import { Check, Loader2 } from "lucide-react";
 
 import type { InsertHacker } from "@forge/db/schemas/knight-hacks";
-import { HACKATHON_TEMPLATE_IDS } from "@forge/email/client";
 import { Button } from "@forge/ui/button";
 import { toast } from "@forge/ui/toast";
 
 import { api } from "~/trpc/react";
 
 export default function AcceptButton({
   hacker,
-  hackathonName,
+  hackathonRouteName,
 }: {
   hacker: InsertHacker & { status: string };
-  hackathonName: string;
+  hackathonRouteName: string;
 }) {
   const [isLoading, setIsLoading] = useState(false);
 
   const utils = api.useUtils();
 
   const updateStatus = api.hackerMutation.updateHackerStatus.useMutation({
     onSuccess() {
-      toast.success(`Accepted ${hacker.firstName} ${hacker.lastName}!`);
+      toast.success(
+        `Accepted ${hacker.firstName} ${hacker.lastName} and sent their acceptance email!`,
+      );
     },
     onError: (opts) => {
       toast.error(opts.message);
@@ -37,35 +38,13 @@ export default function AcceptButton({
     },
   });
 
-  const sendEmail = api.email.sendEmail.useMutation({
-    onSuccess: () => {
-      toast.success(
-        `Acceptance email sent to ${hacker.firstName} ${hacker.lastName}!`,
-      );
-    },
-    onError: (opts) => {
-      toast.error(opts.message);
-    },
-  });
-
   const handleUpdateStatus = () => {
     setIsLoading(true);
 
     updateStatus.mutate({
       id: hacker.id ?? "",
       status: "accepted",
-      hackathonName,
-    });
-
-    sendEmail.mutate({
-      from: "donotreply@knighthacks.org",
-      to: hacker.email,
-      subject: `[ACTION REQUIRED] ${hackathonName} Acceptance Information!`,
-      template_id: HACKATHON_TEMPLATE_IDS.Accepted,
-      data: {
-        name: hacker.firstName,
-        hackathon: hackathonName,
-      },
+      hackathonName: hackathonRouteName,
     });
   };
 

apps/blade/src/app/_components/admin/hackathon/hackers/blacklist-button.tsx

@@ -2,7 +2,6 @@ import { useState } from "react";
 import { Gavel, Loader2 } from "lucide-react";
 
 import type { InsertHacker } from "@forge/db/schemas/knight-hacks";
-import { HACKATHON_TEMPLATE_IDS } from "@forge/email/client";
 import { Button } from "@forge/ui/button";
 import {
   Dialog,
@@ -19,20 +18,38 @@ import { api } from "~/trpc/react";
 
 export default function BlacklistButton({
   hacker,
-  hackathonName,
+  hackathonRouteName,
 }: {
   hacker: InsertHacker & { status: string };
-  hackathonName: string;
+  hackathonRouteName: string;
 }) {
   const [isOpen, setIsOpen] = useState(false);
   const [isLoading, setIsLoading] = useState(false);
 
   const utils = api.useUtils();
+  const sendHackathonEmail = api.email.sendHackathonEmail.useMutation({
+    onSuccess: () => {
+      toast.success(
+        `Blacklist email sent to ${hacker.firstName} ${hacker.lastName}!`,
+      );
+    },
+    onError: (opts) => {
+      toast.error(opts.message);
+    },
+  });
+
   const updateStatus = api.hackerMutation.updateHackerStatus.useMutation({
     onSuccess() {
       toast.success(
         `Denied ${hacker.firstName} ${hacker.lastName} successfully!`,
       );
+      sendHackathonEmail.mutate({
+        from: "donotreply@knighthacks.org",
+        hackathonName: hackathonRouteName,
+        kind: "Blacklist",
+        recipientName: hacker.firstName,
+        to: hacker.email,
+      });
       setIsOpen(false);
     },
     onError(opts) {
@@ -49,34 +66,12 @@ export default function BlacklistButton({
     },
   });
 
-  const sendEmail = api.email.sendEmail.useMutation({
-    onSuccess: () => {
-      toast.success(
-        `Blacklist email sent to ${hacker.firstName} ${hacker.lastName}!`,
-      );
-    },
-    onError: (opts) => {
-      toast.error(opts.message);
-    },
-  });
-
   const handleUpdateStatus = () => {
     setIsLoading(true);
     updateStatus.mutate({
       id: hacker.id ?? "",
       status: "denied",
-      hackathonName,
-    });
-
-    sendEmail.mutate({
-      from: "donotreply@knighthacks.org",
-      to: hacker.email,
-      subject: `${hackathonName} Status Update`,
-      template_id: HACKATHON_TEMPLATE_IDS.Blacklist,
-      data: {
-        name: hacker.firstName,
-        hackathon: hackathonName,
-      },
+      hackathonName: hackathonRouteName,
     });
   };
 

apps/blade/src/app/_components/admin/hackathon/hackers/deny-button.tsx

@@ -2,7 +2,6 @@ import { useState } from "react";
 import { Loader2, X } from "lucide-react";
 
 import type { InsertHacker } from "@forge/db/schemas/knight-hacks";
-import { HACKATHON_TEMPLATE_IDS } from "@forge/email/client";
 import { Button } from "@forge/ui/button";
 import {
   Dialog,
@@ -19,20 +18,38 @@ import { api } from "~/trpc/react";
 
 export default function DenyButton({
   hacker,
-  hackathonName,
+  hackathonRouteName,
 }: {
   hacker: InsertHacker & { status: string };
-  hackathonName: string;
+  hackathonRouteName: string;
 }) {
   const [isOpen, setIsOpen] = useState<boolean>(false);
   const [isLoading, setIsLoading] = useState<boolean>(false);
 
   const utils = api.useUtils();
+  const sendHackathonEmail = api.email.sendHackathonEmail.useMutation({
+    onSuccess: () => {
+      toast.success(
+        `Denial email sent to ${hacker.firstName} ${hacker.lastName}!`,
+      );
+    },
+    onError: (opts) => {
+      toast.error(opts.message);
+    },
+  });
+
   const updateStatus = api.hackerMutation.updateHackerStatus.useMutation({
     onSuccess() {
       toast.success(
         `Denied ${hacker.firstName} ${hacker.lastName} successfully!`,
       );
+      sendHackathonEmail.mutate({
+        from: "donotreply@knighthacks.org",
+        hackathonName: hackathonRouteName,
+        kind: "Capacity",
+        recipientName: hacker.firstName,
+        to: hacker.email,
+      });
       setIsOpen(false);
     },
     onError(opts) {
@@ -49,34 +66,12 @@ export default function DenyButton({
     },
   });
 
-  const sendEmail = api.email.sendEmail.useMutation({
-    onSuccess: () => {
-      toast.success(
-        `Denial email sent to ${hacker.firstName} ${hacker.lastName}!`,
-      );
-    },
-    onError: (opts) => {
-      toast.error(opts.message);
-    },
-  });
-
   const handleUpdateStatus = () => {
     setIsLoading(true);
     updateStatus.mutate({
       id: hacker.id ?? "",
       status: "denied",
-      hackathonName,
-    });
-
-    sendEmail.mutate({
-      from: "donotreply@knighthacks.org",
-      to: hacker.email,
-      subject: `${hackathonName} Status Update`,
-      template_id: HACKATHON_TEMPLATE_IDS.Capacity,
-      data: {
-        name: hacker.firstName,
-        hackathon: hackathonName,
-      },
+      hackathonName: hackathonRouteName,
     });
   };
 

apps/blade/src/app/_components/admin/hackathon/hackers/hacker-status-toggle.tsx

@@ -7,17 +7,20 @@ import WaitlistButton from "./waitlist-button";
 
 export default function HackerStatusToggle({
   hacker,
-  hackathonName,
+  hackathonRouteName,
 }: {
   hacker: InsertHacker & { status: string };
-  hackathonName: string;
+  hackathonRouteName: string;
 }) {
   return (
     <div className="flex flex-row items-center justify-center">
-      <AcceptButton hacker={hacker} hackathonName={hackathonName} />
-      <WaitlistButton hacker={hacker} hackathonName={hackathonName} />
-      <DenyButton hacker={hacker} hackathonName={hackathonName} />
-      <BlacklistButton hacker={hacker} hackathonName={hackathonName} />
+      <AcceptButton hacker={hacker} hackathonRouteName={hackathonRouteName} />
+      <WaitlistButton hacker={hacker} hackathonRouteName={hackathonRouteName} />
+      <DenyButton hacker={hacker} hackathonRouteName={hackathonRouteName} />
+      <BlacklistButton
+        hacker={hacker}
+        hackathonRouteName={hackathonRouteName}
+      />
     </div>
   );
 }