round prefill

change round have prefill and 0 as a option

Author: abhitrueprogrammer

src/components/changeRound.tsx

@@ -11,10 +11,10 @@ import {
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useState } from "react";
 
-function ChangeRound({ id }: { id: string }) {
+function ChangeRound({ id, prefill = "" }: { id: string; prefill?: string }) {
   const queryClient = useQueryClient();
 
-  const [selectedValue, setSelectedValue] = useState<string>("");
+  const [selectedValue, setSelectedValue] = useState<string>(prefill);
 
   const mutation = useMutation({
     mutationFn: (data: { id: string; round: string }) => {
@@ -45,7 +45,7 @@ function ChangeRound({ id }: { id: string }) {
         <SelectContent>
           <SelectGroup className="">
             <SelectLabel>{`Select Round`}</SelectLabel>
-            {["1", "2", "3"].map((option) => (
+            {["0", "1", "2", "3"].map((option) => (
               <SelectItem key={option} value={option}>
                 {option}
               </SelectItem>

src/components/columns/LeaderBoardCol.tsx

@@ -25,7 +25,7 @@ const columns: ColumnDef<z.infer<typeof leaderboardUserSchema>>[] = [
   {
     accessorKey: "ID",
     header: "Change Round",
-    cell: ({ row }) => <ChangeRound id={row.original.team_id} />,
+    cell: ({ row }) => <ChangeRound id={row.original.team_id} prefill={String(row.original.rounds.length)} />,
   },
   {
     accessorKey: "View",

src/components/columns/TeamCol.tsx

@@ -69,7 +69,7 @@ const columns: ColumnDef<Team>[] = [
   {
     accessorKey: "ID",
     header: "Change Round",
-    cell: ({ row }) => <ChangeRound id={row.original.ID} />,
+    cell: ({ row }) => <ChangeRound id={row.original.ID} prefill={String(row.original.RoundQualified)} />,
   },
 ];