From 3a1baf2caa3602f34109793d6e896d7053668200 Mon Sep 17 00:00:00 2001
From: minhd-vu <minhd_vu@yahoo.com>
Date: Sun, 25 Feb 2024 00:13:16 -0500
Subject: [PATCH] update players ui

---
 components/Party.tsx | 46 ++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 42 insertions(+), 4 deletions(-)

diff --git a/components/Party.tsx b/components/Party.tsx
index 08d291f..8e86291 100644
--- a/components/Party.tsx
+++ b/components/Party.tsx
@@ -63,10 +63,48 @@ export default function Party() {
 
   const players = party.players.map((player) => (
     <li key={player.id}>
-      <p>
-        {player.name}
-        {party.adminId === player.id && <AdminBadge />}
-      </p>
+      <div className="border rounded-lg px-3 py-2 flex justify-between items-center">
+        <div>
+          {player.name}
+          {party.adminId === player.id && <AdminBadge />}
+        </div>
+        <div className="flex space-x-1">
+          <button className="btn btn-square btn-xs btn-warning">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              className="h-4 w-4"
+              fill="none"
+              viewBox="0 0 24 24"
+              stroke="currentColor"
+              transform="translate(0,-1)"
+            >
+              <path />
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth="2"
+                d="M18 13l-6-6-6 6M18 19l-6-6-6 6"
+              />
+            </svg>
+          </button>
+          <button className="btn btn-square btn-xs btn-error">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              className="h-4 w-4"
+              fill="none"
+              viewBox="0 0 24 24"
+              stroke="currentColor"
+            >
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth="2"
+                d="M6 18L18 6M6 6l12 12"
+              />
+            </svg>
+          </button>
+        </div>
+      </div>
     </li>
   ));