temp for dhruv

Author: alexanderpaolini

apps/blade/src/app/_components/dashboard/hackathon-dashboard/components.tsx

@@ -1,11 +1,9 @@
 import type { SelectHackathon } from "@forge/db/schemas/knight-hacks";
-import { HACKATHONS } from "@forge/consts";
 
 import type { api as serverCall } from "~/trpc/server";
 import { HackerAppCard } from "~/app/_components/option-cards";
 import { BaseHackathonCountdown } from "./countdown";
 import { BaseHackathonData } from "./hackathon-data";
-import { BaseHackathonTeamPoints } from "./team-points";
 import { BaseHackathonUpcomingEvents } from "./upcoming-events";
 
 export {
@@ -15,31 +13,11 @@ export {
 } from "./hackathon-data";
 export { BaseHackathonCountdown } from "./countdown";
 export * from "./issue-dialog";
-export { BaseHackathonPointLeaderboard } from "./point-leaderboard";
-export { BaseHackathonTeamPoints } from "./team-points";
 export { BaseHackathonUpcomingEvents } from "./upcoming-events";
 
 const DEFAULT_HACKER_GUIDE_HREF =
   "https://knight-hacks.notion.site/knight-hacks-viii";
 
-const DEFAULT_CLASS_INFO = HACKATHONS.KNIGHT_HACKS_8.HACKER_CLASS_INFO;
-
-export function BaseHackathonClassError() {
-  return (
-    <div className="flex flex-col items-center justify-center gap-y-6 px-4 py-12 text-center">
-      <div className="rounded-lg border border-red-200 bg-red-50 p-6 dark:border-red-900 dark:bg-red-950">
-        <h3 className="mb-2 text-xl font-semibold text-red-800 dark:text-red-200">
-          Configuration Error
-        </h3>
-        <p className="text-red-700 dark:text-red-300">
-          Unable to load your team information. Please contact support or try
-          refreshing the page.
-        </p>
-      </div>
-    </div>
-  );
-}
-
 export function BaseHackathonRegistrationPrompt({
   hackathon,
 }: {
@@ -58,7 +36,6 @@ export function BaseHackathonRegistrationPrompt({
 }
 
 export function BaseHackathonDashboard({
-  classInfoByClass = DEFAULT_CLASS_INFO,
   guideHref = DEFAULT_HACKER_GUIDE_HREF,
   hackathon,
   hacker,
@@ -79,28 +56,13 @@ export function BaseHackathonDashboard({
     return <BaseHackathonRegistrationPrompt hackathon={hackathon} />;
   }
 
-  if (!hacker.class || !(hacker.class in classInfoByClass)) {
-    return <BaseHackathonClassError />;
-  }
-
-  const classInfo = classInfoByClass[hacker.class];
-
-  if (!classInfo) {
-    return <BaseHackathonClassError />;
-  }
-
-  const { classPfp, team, teamColor } = classInfo;
-
   return (
     <>
       <div className="animate-mobile-initial-expand mx-auto flex min-h-[900px] rounded-lg bg-[#E5E7EB] px-2 py-4 dark:bg-[#0A0F1D] sm:relative sm:px-0 sm:py-6 lg:min-h-[380px]">
         <BaseHackathonData
-          classPfp={classPfp}
           data={hacker}
           guideHref={guideHref}
           hackathon={hackathon}
-          team={team}
-          teamColor={teamColor}
         />
 
         <div className="border-b-solid border-l-solid absolute bottom-0 right-0 hidden h-0 w-0 border-b-[30px] border-l-[30px] border-b-background border-l-transparent sm:block"></div>
@@ -123,9 +85,6 @@ export function BaseHackathonDashboard({
 
         <div className="absolute -left-3 top-0 hidden h-full w-[0.4rem] bg-primary sm:block"></div>
       </div>
-      <div className="animate-fade-in mb-8 mt-8 px-0 sm:mt-12 sm:px-4">
-        <BaseHackathonTeamPoints hClass={hacker.class} hId={hackathon.name} />
-      </div>
       <div className="animate-fade-in mb-8 mt-8 px-0 sm:mt-12 sm:px-4">
         <BaseHackathonCountdown endDate={hackathon.endDate} />
       </div>

apps/blade/src/app/_components/dashboard/hackathon-dashboard/hackathon-dashboard.tsx

@@ -1,26 +1,18 @@
 "use client";
 
 import { useEffect, useState } from "react";
-import Image from "next/image";
 import Link from "next/link";
 import { BookOpen, CircleCheckBig, Trophy } from "lucide-react";
 
 import type { SelectHackathon } from "@forge/db/schemas/knight-hacks";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@forge/ui/dialog";
+import { Dialog, DialogTrigger } from "@forge/ui/dialog";
 
 import type { api as serverCall } from "~/trpc/server";
 import { HackerQRCodePopup } from "~/app/_components/dashboard/hacker-dashboard/hacker-qr-button";
 import { DownloadQRPass } from "~/app/_components/dashboard/member-dashboard/download-qr-pass";
 import { HACKER_STATUS_MAP } from "~/consts";
 import { api } from "~/trpc/react";
 import { BaseHackathonIssueButton } from "./issue-dialog";
-import { BaseHackathonPointLeaderboard } from "./point-leaderboard";
 
 type StatusKey = keyof typeof HACKER_STATUS_MAP | null | undefined;
 type HackerProfile = Awaited<
@@ -55,16 +47,10 @@ export function BaseHackathonData({
   data,
   guideHref,
   hackathon,
-  teamColor,
-  team,
-  classPfp,
 }: {
   data: HackerProfile;
   guideHref: string;
   hackathon: SelectHackathon;
-  teamColor: string;
-  team: string;
-  classPfp: string;
 }) {
   const [hackerStatus, setHackerStatus] = useState<string | null>("");
   const [hackerStatusColor, setHackerStatusColor] = useState<string>("");
@@ -117,32 +103,10 @@ export function BaseHackathonData({
                 </h1>
               )}
 
-              <div className="animate-fade-in flex flex-wrap items-center justify-center gap-2 text-base text-muted-foreground sm:text-base md:justify-start">
-                <span
-                  className="font-medium"
-                  style={{
-                    color: teamColor,
-                    textShadow: `0 0 10px ${teamColor}, 0 0 20px ${teamColor}`,
-                  }}
-                >
-                  {hacker?.class}
-                </span>
-                <span className="text-border">•</span>
-                <span
-                  className="font-semibold text-foreground"
-                  style={{
-                    color: teamColor,
-                    textShadow: `0 0 10px ${teamColor}, 0 0 20px ${teamColor}`,
-                  }}
-                >
-                  {"Team " + team}
-                </span>
-              </div>
-
               {/* Status Badge */}
               <div className="animate-fade-in flex flex-col items-center space-y-3 md:items-start md:justify-start">
                 <p className="text-center text-xs font-semibold uppercase tracking-wider text-muted-foreground sm:text-[10px] md:text-start">
-                  Status for {hackathon.displayName}
+                  Application Status
                 </p>
                 <div className="inline-flex items-center gap-2.5 rounded-full bg-background shadow-sm">
                   <span
@@ -158,18 +122,6 @@ export function BaseHackathonData({
                 </div>
               </div>
             </div>
-
-            {/* TK Image */}
-            <div className="animate-fade-in relative h-28 w-28 flex-shrink-0 self-center overflow-hidden shadow-sm sm:h-32 sm:w-32 sm:self-start">
-              <Image
-                src={classPfp}
-                alt="Team Mascot Image"
-                fill
-                className="rounded-full object-cover"
-                priority
-                sizes="(max-width: 800px) 112px, 128px"
-              />
-            </div>
           </div>
         </div>
 
@@ -200,19 +152,19 @@ export function BaseHackathonData({
             {/* Decorative gradient overlay */}
             <div
               className="absolute right-0 top-0 h-24 w-24 -translate-y-8 translate-x-8 rounded-full blur-3xl sm:h-32 sm:w-32 sm:-translate-y-10 sm:translate-x-10"
-              style={{ backgroundColor: `${teamColor}20` }}
+              style={{ backgroundColor: `primary` }}
             />
 
             <div className="relative">
               {/* Icon */}
               <div className="mb-2 flex justify-center sm:mb-3">
                 <div
                   className="rounded-full p-2 sm:p-2.5"
-                  style={{ backgroundColor: `${teamColor}20` }}
+                  style={{ backgroundColor: `primary` }}
                 >
                   <Trophy
                     className="h-6 w-6 sm:h-7 sm:w-7"
-                    style={{ color: teamColor }}
+                    style={{ color: "primary" }}
                   />
                 </div>
               </div>
@@ -231,15 +183,15 @@ export function BaseHackathonData({
                 <div
                   className="rounded-xl px-4 py-3 sm:px-6 sm:py-5"
                   style={{
-                    background: `linear-gradient(to bottom right, ${teamColor}33, ${teamColor}0d)`,
-                    boxShadow: `0 0 20px ${teamColor}40`,
+                    background: `linear-gradient(to bottom right, primary, primary)`,
+                    boxShadow: `0 0 20px primary`,
                   }}
                 >
                   <div
                     className="text-center text-4xl font-bold tabular-nums tracking-tight sm:text-6xl"
                     style={{
-                      color: teamColor,
-                      textShadow: `0 0 10px ${teamColor}80`,
+                      color: "primary",
+                      textShadow: `0 0 10px primary`,
                     }}
                   >
                     {hacker?.points || 0}
@@ -251,28 +203,19 @@ export function BaseHackathonData({
                   <button
                     className="w-full rounded-lg py-2 text-sm font-semibold transition-all hover:shadow-md sm:py-2.5"
                     style={{
-                      backgroundColor: `${teamColor}20`,
-                      color: teamColor,
+                      backgroundColor: `primary`,
+                      color: "secondary",
                     }}
                     onMouseEnter={(e) => {
-                      e.currentTarget.style.backgroundColor = `${teamColor}33`;
+                      e.currentTarget.style.backgroundColor = `primary`;
                     }}
                     onMouseLeave={(e) => {
-                      e.currentTarget.style.backgroundColor = `${teamColor}20`;
+                      e.currentTarget.style.backgroundColor = `primary`;
                     }}
                   >
                     View Leaderboard
                   </button>
                 </DialogTrigger>
-                <DialogContent>
-                  <DialogHeader>
-                    <DialogTitle>Leaderboard</DialogTitle>
-                  </DialogHeader>
-                  <BaseHackathonPointLeaderboard
-                    hacker={hacker}
-                    hId={hackathon.name}
-                  />
-                </DialogContent>
               </Dialog>
             </div>
           </div>