fix: select everybody by default and show different tstyle for winner

prisma/seed/seed.ts

@@ -30,6 +30,7 @@ async function main() {
         play: {
           create: {
             eventSlug: event.slug,
+            wannaPlay: true,
           },
         },
       },

src/app/events/[event]/participants/[groupId]/page.tsx

@@ -6,7 +6,6 @@ import {
   ParticipantItem,
   ParticipantName,
   ParticipantsList,
-  RoundTitle,
 } from "@/components"
 import { Round } from "@/shared/types"
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"
@@ -130,6 +129,8 @@ export default function ParticipantsInGroup({
                   src={`https://github.com/${participant.github}.png`}
                   alt={`${participant.name} photo`}
                   lined={index !== round.participants.length - 1}
+                  hasWinner={round.participants.some((p) => p.winner)}
+                  winner={participant.winner}
                 />
 
                 {params.groupId !== "final" && (

src/app/events/[event]/participants/upload.ts

@@ -53,6 +53,7 @@ async function saveInDb({ csv, event }: SaveInDbInput) {
         play: {
           create: {
             eventSlug: event,
+            wannaPlay: true,
           },
         },
       },

src/components/rounds-list/participant-image.tsx

@@ -4,15 +4,26 @@ type ParticipantImageProps = {
   src: string
   alt: string
   lined: boolean
+  hasWinner?: boolean
+  winner?: boolean
 }
 
 const afterClasses =
   " after:content-[''] after:h-[1px] after:width-1/2 after:right-1 after:w-full after:bg-primary-100 after:absolute after:top-1/2 relative after:translate-x-1/2 after:left-1/2"
 
-export function ParticipantImage({ src, alt, lined }: ParticipantImageProps) {
+export function ParticipantImage({
+  src,
+  alt,
+  lined,
+  hasWinner = false,
+  winner = false,
+}: ParticipantImageProps) {
   return (
     <div className={`relative h-[69px] w-[69px] ${lined && afterClasses}`}>
       <div className="relative overflow-hidden rounded-full border-2 border-primary-100">
+        {hasWinner && !winner && (
+          <div className="absolute h-[69px] w-[69px] bg-primary-100 opacity-40" />
+        )}
         <Image
           src={src}
           alt={alt}