From 834f79f56d1bbc5d0b778230ba79529fe04dd8a1 Mon Sep 17 00:00:00 2001
From: unknown <benhurchrinstoper@gmail.com>
Date: Tue, 29 Apr 2025 14:11:48 +0700
Subject: [PATCH] add premium reguler agent avtiv user

---
 .../dashboards/home/blocks/MemberActivity.tsx     | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/pages/dashboards/home/blocks/MemberActivity.tsx b/src/pages/dashboards/home/blocks/MemberActivity.tsx
index 172c019..4c3c70f 100644
--- a/src/pages/dashboards/home/blocks/MemberActivity.tsx
+++ b/src/pages/dashboards/home/blocks/MemberActivity.tsx
@@ -33,6 +33,9 @@ const MemberActivity = ({ startdate, enddate }: Props) => {
     const percentage = parseFloat((responseTransactionValue?.data?.total_customer_active_percentage ?? 0).toFixed(2)) ?? 0;
     const totalCustomer = responseTransactionValue?.data?.total_customer ?? 0;
     const activeCustomer = responseTransactionValue?.data?.total_customer_active ?? 0;
+    const reguler = responseTransactionValue?.data?.reguler ?? 0;
+    const premium = responseTransactionValue?.data?.premium ?? 0;
+    const agent = responseTransactionValue?.data?.agent ?? 0;
 
     // Hitung sudut pointer
     const angle = (percentage / 100) * 180; // 0° (kiri) ke 180° (kanan)
@@ -66,6 +69,18 @@ const MemberActivity = ({ startdate, enddate }: Props) => {
                         <UserCheckIcon className="w-4 h-4" />
                         <span>Active Customer: {activeCustomer}</span>
                     </li>
+                    <li className="flex items-center gap-2">
+                        <UserCheckIcon className="w-4 h-4" color='blue'/>
+                        <span>Reguler: {reguler}</span>
+                    </li>
+                    <li className="flex items-center gap-2">
+                        <UserCheckIcon className="w-4 h-4" color='green'/>
+                        <span>Premium: {premium}</span>
+                    </li>
+                    <li className="flex items-center gap-2">
+                        <UserCheckIcon className="w-4 h-4" color='orange'/>
+                        <span>Agent: {agent}</span>
+                    </li>
                 </ul>
 
                 {/* Gauge Chart */}