feat: add remove button in judging by team and make reassign judge li…

src/scenes/Dashboard/scenes/Judging/scenes/JudgingOverview/DeleteSponsorJudgingButton.tsx

@@ -0,0 +1,44 @@
+"use client";
+
+import React, { useState } from "react";
+import { Button } from "@/components/ui/button";
+import { X } from "lucide-react";
+import ConfirmationDialog from "@/components/common/ConfirmationDialog";
+import callServerAction from "@/services/helpers/server/callServerAction";
+import deleteSponsorJudging from "@/server/actions/dashboard/judging/deleteSponsorJudging";
+
+type DeleteSponsorJudgingButtonProps = {
+  sponsorJudgingId: number;
+};
+
+const DeleteSponsorJudgingButton = ({
+  sponsorJudgingId,
+}: DeleteSponsorJudgingButtonProps) => {
+  const [error, setError] = useState<string | null>(null);
+
+  return (
+    <>
+      <ConfirmationDialog
+        question="Remove this judging assignment?"
+        onAnswer={async (answer) => {
+          if (!answer) return;
+          const res = await callServerAction(deleteSponsorJudging, {
+            sponsorJudgingId,
+          });
+          if (!res.success) setError(res.message);
+        }}
+      >
+        <Button
+          variant="ghost"
+          size="small"
+          className="text-red-500 hover:text-red-700 p-0 h-auto"
+        >
+          <X className="h-3 w-3" />
+        </Button>
+      </ConfirmationDialog>
+      {error && <p className="text-xs text-red-500 mt-1">{error}</p>}
+    </>
+  );
+};
+
+export default DeleteSponsorJudgingButton;

src/scenes/Dashboard/scenes/Judging/scenes/JudgingOverview/JudgingOverview.tsx

@@ -9,6 +9,7 @@ import AutoAssignButton from "./AutoAssignButton";
 import AutoAssignSponsorButton from "./AutoAssignSponsorButton";
 import ReassignJudgeDialog from "./ReassignJudgeDialog";
 import DeleteTeamJudgingButton from "./DeleteTeamJudgingButton";
+import DeleteSponsorJudgingButton from "./DeleteSponsorJudgingButton";
 import ExternalJudgeManager from "./ExternalJudgeManager";
 import AssignTeamDialog from "./AssignTeamDialog";
 
@@ -30,6 +31,7 @@ type TeamJudgingRow = {
     slotEnd: Date;
     hasVerdict: boolean;
     teamJudgingId?: number;
+    sponsorJudgingId?: number;
     type: "organizer" | "sponsor";
   }[];
 };
@@ -100,6 +102,7 @@ const JudgingOverview = ({ hackathonId, data }: JudgingOverviewProps) => {
         slotStart: slot.startTime,
         slotEnd: slot.endTime,
         hasVerdict: assignment.hasVerdict,
+        sponsorJudgingId: assignment.sponsorJudgingId,
         type: "sponsor",
       });
     }
@@ -323,19 +326,31 @@ const JudgingOverview = ({ hackathonId, data }: JudgingOverviewProps) => {
                                 </span>
                                 <span>{ja.label}</span>
                                 <span>{ja.hasVerdict ? "✓" : "pending"}</span>
+                                {ja.type === "sponsor" &&
+                                  ja.sponsorJudgingId && (
+                                    <DeleteSponsorJudgingButton
+                                      sponsorJudgingId={ja.sponsorJudgingId}
+                                    />
+                                  )}
                                 {ja.type === "organizer" &&
                                   ja.teamJudgingId && (
-                                    <ReassignJudgeDialog
-                                      teamJudgingId={ja.teamJudgingId}
-                                      currentJudgeId={
-                                        judges.find((j) => j.name === ja.label)
-                                          ?.id ?? 0
-                                      }
-                                      judges={judges.map((j) => ({
-                                        id: j.id,
-                                        name: j.name,
-                                      }))}
-                                    />
+                                    <>
+                                      <ReassignJudgeDialog
+                                        teamJudgingId={ja.teamJudgingId}
+                                        currentJudgeId={
+                                          judges.find(
+                                            (j) => j.name === ja.label
+                                          )?.id ?? 0
+                                        }
+                                        judges={judges.map((j) => ({
+                                          id: j.id,
+                                          name: j.name,
+                                        }))}
+                                      />
+                                      <DeleteTeamJudgingButton
+                                        teamJudgingId={ja.teamJudgingId}
+                                      />
+                                    </>
                                   )}
                               </div>
                             ))}

src/scenes/Dashboard/scenes/Judging/scenes/JudgingOverview/ReassignJudgeDialog.tsx

@@ -86,7 +86,7 @@ const ReassignJudgeDialog = ({
           <SelectTrigger>
             <SelectValue placeholder="Select a judge" />
           </SelectTrigger>
-          <SelectContent>
+          <SelectContent className="max-h-[300px] overflow-y-auto">
             {otherJudges.map((judge) => (
               <SelectItem key={judge.id} value={String(judge.id)}>
                 {judge.name}

src/server/actions/dashboard/judging/createSponsorJudging.ts

@@ -38,6 +38,17 @@ const createSponsorJudging = async ({
     );
   }
 
+  const existingForTeam = await prisma.sponsorJudging.findFirst({
+    where: { sponsorId, teamId },
+    select: { id: true },
+  });
+
+  if (existingForTeam) {
+    throw new ExpectedServerActionError(
+      "Sponsor is already assigned to judge this team"
+    );
+  }
+
   await prisma.sponsorJudging.create({
     data: { sponsorId, teamId, judgingSlotId },
   });