From ce9942b3d307616278c64879012428ad29d1336b Mon Sep 17 00:00:00 2001
From: emmanuel iheanacho <emmanueliheanacho04@gmail.com>
Date: Mon, 27 Jul 2026 08:00:53 +0100
Subject: [PATCH] fix: RecentActivity uses the wrong icons for each metric

---
 src/components/RecentActivity.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/RecentActivity.tsx b/src/components/RecentActivity.tsx
index 607660e..81597bc 100644
--- a/src/components/RecentActivity.tsx
+++ b/src/components/RecentActivity.tsx
@@ -98,29 +98,29 @@ export const RecentActivity = ({ activities }: Props) => {
               <div className="grid grid-cols-[auto_1fr] gap-x-6 gap-y-1 text-sm text-gray-400">
                 {/* Row 1: Group Size */}
                 <div className="flex items-center gap-2">
-                  <img src="/call.svg" alt="call" className="w-4" />
+                  <img src="/users.svg" alt="" className="w-4" />
                 </div>
                 <div className="flex justify-end gap-2 items-center">
                   <span>{activity.groupSize}</span>
-                  <span className="text-yellow-500">🏆</span>
+                  <span className="text-yellow-500">{activity.coins.gold}</span>
                 </div>
 
                 {/* Row 2: Participants */}
                 <div className="flex items-center gap-2">
-                  <img src="/audience.svg" alt="audience" className="w-4" />
+                  <img src="/audience.svg" alt="" className="w-4" />
                 </div>
                 <div className="flex justify-end gap-2 items-center">
                   <span>{activity.participants}</span>
-                  <span className="text-yellow-500">🏆</span>
+                  <span className="text-yellow-500">{activity.coins.gold}</span>
                 </div>
 
                 {/* Row 3: Coins & Earnings */}
                 <div className="flex items-center gap-1">
-                  <img src="/50-50.svg" alt="50:50" className="w-10" />
+                  <img src="/coins.svg" alt="" className="w-4" />
                 </div>
                 <div className="flex justify-end gap-2 items-center">
                   <span>{activity.earnings}</span>
-                  <span className="text-yellow-500">🏆</span>
+                  <span className="text-red-500">{activity.coins.red}</span>
                 </div>
               </div>
             </div>
@@ -129,4 +129,4 @@ export const RecentActivity = ({ activities }: Props) => {
       </div>
     </section>
   );
-};
+};
\ No newline at end of file