From 4b2892b11e1f9c47878ccb181adb4e4e9e69eac9 Mon Sep 17 00:00:00 2001
From: Arif Rahman Hakim <new.arifrh199@gmail.com>
Date: Fri, 6 Sep 2024 09:28:52 +0800
Subject: [PATCH] style: sets the maximum avatars displayed

---
 src/components/team/TeamItem.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/team/TeamItem.tsx b/src/components/team/TeamItem.tsx
index 0e806d8..2e67e4f 100644
--- a/src/components/team/TeamItem.tsx
+++ b/src/components/team/TeamItem.tsx
@@ -86,7 +86,9 @@ const TeamItem = ({ team, onItemUpdated, onItemDeleted }: TeamItemProps) => {
       maskClosable: true,
       closable: true,
       okCancel: true,
-      title: status ? `Hapus Admin: ${user.name}` : `Jadikan Admin: ${user.name}`,
+      title: status
+        ? `Hapus Admin: ${user.name}`
+        : `Jadikan Admin: ${user.name}`,
       content: status
         ? `Apakah Anda yakin ingin menghapus ${user.name} sebagai Admin?`
         : `Apakah Anda yakin ingin menjadikan ${user.name} sebagai Admin?`,
@@ -150,7 +152,12 @@ const TeamItem = ({ team, onItemUpdated, onItemDeleted }: TeamItemProps) => {
 
         <div className="flex flex-col justify-center gap-3 mr-10">
           <div className="text-lg text-black font-semibold">{team.name}</div>
-          <Avatar.Group>
+          <Avatar.Group
+            max={{
+              count: 8,
+              style: { color: "#f56a00", backgroundColor: "#fde3cf" },
+            }}
+          >
             {team.users.map((item, index) => {
               return (
                 <Tooltip title={item.user.name} placement="top" key={index}>