From 6db17950a9aa5507c31319b6dbf72091fedafdcc Mon Sep 17 00:00:00 2001
From: Evandro Ribeiro <ribeiroevandro@live.com>
Date: Sat, 22 Jul 2023 15:32:23 -0300
Subject: [PATCH 1/4] fix: fixing skipped database file name

---
 .gitignore | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index 1bf93f6..5a94625 100644
--- a/.gitignore
+++ b/.gitignore
@@ -36,5 +36,5 @@ yarn-error.log*
 next-env.d.ts
 
 # sqlite
-prisma/dev.db*
+prisma/db.dev
 frontin.csv

From 9fdc0cf678bb89c7213f1c8294c54a05f363b1a5 Mon Sep 17 00:00:00 2001
From: Evandro Ribeiro <ribeiroevandro@live.com>
Date: Sat, 22 Jul 2023 15:34:42 -0300
Subject: [PATCH 2/4] fix: fixing class order in tailwind

---
 src/components/table/table.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index 10f65ec..64ced14 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -77,7 +77,7 @@ const TableCell = React.forwardRef<
   <td
     ref={ref}
     className={cn(
-      "[&:has([role=checkbox])]:pr-0 py-2 text-left align-middle text-[1.2rem] font-semibold text-neutral-900",
+      "py-2 text-left align-middle text-[1.2rem] font-semibold text-neutral-900 [&:has([role=checkbox])]:pr-0",
       className,
     )}
     {...props}

From e446390a6b04315de04f01b00450fb018c696503 Mon Sep 17 00:00:00 2001
From: Evandro Ribeiro <ribeiroevandro@live.com>
Date: Sun, 23 Jul 2023 22:39:33 -0300
Subject: [PATCH 3/4] feat: adding styles when selecting a winner

---
 src/app/events/[event]/participants/page.tsx  | 66 ++++++++++---------
 src/components/rounds-list/final-round.tsx    |  9 +++
 src/components/rounds-list/index.ts           |  1 +
 .../rounds-list/participant-image.tsx         | 13 ++--
 .../rounds-list/participant-item.tsx          |  6 +-
 .../rounds-list/participant-name.tsx          |  2 +-
 .../rounds-list/participants-list.tsx         |  6 +-
 tailwind.config.js                            |  1 +
 8 files changed, 61 insertions(+), 43 deletions(-)
 create mode 100644 src/components/rounds-list/final-round.tsx

diff --git a/src/app/events/[event]/participants/page.tsx b/src/app/events/[event]/participants/page.tsx
index ee3aadb..fb4214e 100644
--- a/src/app/events/[event]/participants/page.tsx
+++ b/src/app/events/[event]/participants/page.tsx
@@ -1,6 +1,7 @@
 "use client"
 
 import {
+  FinalRound,
   ParticipantImage,
   ParticipantItem,
   ParticipantName,
@@ -11,6 +12,8 @@ import {
 } from "@/components"
 import { EventProps, Round } from "@/shared/types"
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"
+import { RefreshCcw, ThumbsUp } from "lucide-react"
+
 import {
   getSelectedParticipants,
   selectNewRandomPlayer,
@@ -106,35 +109,36 @@ export default function Participants({ params }: EventProps) {
             <ParticipantsList>
               {round.participants.map((participant, index) => (
                 <ParticipantItem key={participant.id}>
-                  <ParticipantImage
-                    src={`https://github.com/${participant.github}.png`}
-                    alt={`${participant.name} photo`}
-                    lined={index !== round.participants.length - 1}
-                  />
-                  <ParticipantName>{participant.name}</ParticipantName>
-
-                  <p className="my-1 text-primary-100">
+                  <div className="group relative h-[69px] w-[69px] cursor-pointer">
                     <button
-                      onClick={handleSetWinner({
+                      className="absolute -top-1 right-0 z-aboveAll hidden h-[28px] w-[28px] items-center justify-center rounded-full bg-primary-100 group-hover:flex"
+                      onClick={handleSelectNewRandomPlayer({
                         userId: participant.id,
                         event,
                         groupId: participant.groupId,
                       })}
                     >
-                      Definir vencedor
+                      <RefreshCcw size={18} />
                     </button>
-                  </p>
-                  <p className="text-primary-100">
+
+                    <ParticipantImage
+                      src={`https://github.com/${participant.github}.png`}
+                      alt={`${participant.name} photo`}
+                      lined={index !== round.participants.length - 1}
+                    />
                     <button
-                      onClick={handleSelectNewRandomPlayer({
+                      className="absolute -bottom-1 left-0 hidden h-[28px] w-[28px] items-center justify-center rounded-full bg-primary-100 transition-all group-hover:flex"
+                      onClick={handleSetWinner({
                         userId: participant.id,
                         event,
                         groupId: participant.groupId,
                       })}
                     >
-                      Selecionar outro
+                      <ThumbsUp size={18} />
                     </button>
-                  </p>
+                  </div>
+
+                  <ParticipantName>{participant.name}</ParticipantName>
                 </ParticipantItem>
               ))}
             </ParticipantsList>
@@ -142,23 +146,21 @@ export default function Participants({ params }: EventProps) {
         ))}
       </RoundsList>
 
-      <RoundsList>
-        <RoundItem>
-          <RoundTitle>Final</RoundTitle>
-          <ParticipantsList>
-            {finalRound.participants.map((participant, index) => (
-              <ParticipantItem key={participant.id}>
-                <ParticipantImage
-                  src={`https://github.com/${participant.github}.png`}
-                  alt={`${participant.name} photo`}
-                  lined={index !== finalRound.participants.length - 1}
-                />
-                <ParticipantName>{participant.name}</ParticipantName>
-              </ParticipantItem>
-            ))}
-          </ParticipantsList>
-        </RoundItem>
-      </RoundsList>
+      <FinalRound>
+        <RoundTitle>Final</RoundTitle>
+        <ParticipantsList>
+          {finalRound.participants.map((participant, index) => (
+            <ParticipantItem key={participant.id}>
+              <ParticipantImage
+                src={`https://github.com/${participant.github}.png`}
+                alt={`${participant.name} photo`}
+                lined={index !== finalRound.participants.length - 1}
+              />
+              <ParticipantName>{participant.name}</ParticipantName>
+            </ParticipantItem>
+          ))}
+        </ParticipantsList>
+      </FinalRound>
     </section>
   )
 }
diff --git a/src/components/rounds-list/final-round.tsx b/src/components/rounds-list/final-round.tsx
new file mode 100644
index 0000000..0d71189
--- /dev/null
+++ b/src/components/rounds-list/final-round.tsx
@@ -0,0 +1,9 @@
+import { PropsWithChildren } from "react"
+
+export function FinalRound({ children }: PropsWithChildren) {
+  return (
+    <div className="flex justify-center">
+      <div className="w-[416px]">{children}</div>
+    </div>
+  )
+}
diff --git a/src/components/rounds-list/index.ts b/src/components/rounds-list/index.ts
index 9e42e7d..2e1a411 100644
--- a/src/components/rounds-list/index.ts
+++ b/src/components/rounds-list/index.ts
@@ -5,3 +5,4 @@ export * from "./participants-list"
 export * from "./participant-item"
 export * from "./participant-image"
 export * from "./participant-name"
+export * from "./final-round"
diff --git a/src/components/rounds-list/participant-image.tsx b/src/components/rounds-list/participant-image.tsx
index 0708049..6cc3265 100644
--- a/src/components/rounds-list/participant-image.tsx
+++ b/src/components/rounds-list/participant-image.tsx
@@ -1,4 +1,5 @@
 import Image from "next/image"
+import { RefreshCcw, ThumbsUp } from "lucide-react"
 
 type ParticipantImageProps = {
   src: string
@@ -9,20 +10,16 @@ type ParticipantImageProps = {
 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 }: ParticipantImageProps) {
   return (
-    <div className={`h-[69px] w-[69px]  ${lined && afterClasses}`}>
-      <div className="overflow-hidden rounded-full border-2 border-primary-100">
+    <div className={`relative h-[69px] w-[69px] ${lined && afterClasses}`}>
+      <div className="relative overflow-hidden rounded-full border-2 border-primary-100">
         <Image
           src={src}
           alt={alt}
           width={69}
           height={69}
-          className="relative h-full w-full object-cover transition-all duration-300 hover:scale-125"
+          className="h-full w-full object-cover transition-all duration-300 hover:scale-125"
         />
       </div>
     </div>
diff --git a/src/components/rounds-list/participant-item.tsx b/src/components/rounds-list/participant-item.tsx
index 921460f..857b5f8 100644
--- a/src/components/rounds-list/participant-item.tsx
+++ b/src/components/rounds-list/participant-item.tsx
@@ -1,5 +1,9 @@
 import { PropsWithChildren } from "react"
 
 export function ParticipantItem({ children }: PropsWithChildren) {
-  return <li className="ml-2 flex flex-col justify-center">{children}</li>
+  return (
+    <li className=" relative ml-2 flex w-[70px] flex-col justify-center">
+      {children}
+    </li>
+  )
 }
diff --git a/src/components/rounds-list/participant-name.tsx b/src/components/rounds-list/participant-name.tsx
index 2f85db2..1acc366 100644
--- a/src/components/rounds-list/participant-name.tsx
+++ b/src/components/rounds-list/participant-name.tsx
@@ -2,7 +2,7 @@ import { PropsWithChildren } from "react"
 
 export function ParticipantName({ children }: PropsWithChildren) {
   return (
-    <span className="mt-[12px] block text-body-xs font-semibold leading-normal text-neutral-900">
+    <span className="mt-[12px] flex h-[32px] place-items-center text-center text-body-xs font-semibold leading-normal text-neutral-900">
       {children}
     </span>
   )
diff --git a/src/components/rounds-list/participants-list.tsx b/src/components/rounds-list/participants-list.tsx
index aa54b53..084f2ae 100644
--- a/src/components/rounds-list/participants-list.tsx
+++ b/src/components/rounds-list/participants-list.tsx
@@ -1,5 +1,9 @@
 import { PropsWithChildren } from "react"
 
 export function ParticipantsList({ children }: PropsWithChildren) {
-  return <ul className="mt-[12px] inline-flex">{children}</ul>
+  return (
+    <ul className="mt-[12px] inline-flex min-w-[113px] justify-center gap-3">
+      {children}
+    </ul>
+  )
 }
diff --git a/tailwind.config.js b/tailwind.config.js
index 97a0b3d..3e67dbf 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,4 +1,5 @@
 const radiusAndSpacing = {
+  0: "0",
   1: "8px",
   1.5: "12px",
   2: "16px",

From ab87575467a4d762f79cf299f095479dae1ce093 Mon Sep 17 00:00:00 2001
From: Evandro Ribeiro <ribeiroevandro@live.com>
Date: Mon, 24 Jul 2023 18:45:21 -0300
Subject: [PATCH 4/4] fix: rename database file and update gitignore

---
 .env.example | 2 +-
 .gitignore   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/.env.example b/.env.example
index 527575b..43f4d1a 100644
--- a/.env.example
+++ b/.env.example
@@ -1 +1 @@
-DATABASE_URL=file:./db.dev
+DATABASE_URL=file:./dev.db
diff --git a/.gitignore b/.gitignore
index 5a94625..1bf93f6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -36,5 +36,5 @@ yarn-error.log*
 next-env.d.ts
 
 # sqlite
-prisma/db.dev
+prisma/dev.db*
 frontin.csv