From 8ffcb78d6c3b2a04b9b58ccd7b14919d284a6785 Mon Sep 17 00:00:00 2001
From: samuel1-ona <samuonanikesamuel123@gmail.com>
Date: Fri, 4 Jul 2025 22:53:41 +0100
Subject: [PATCH] fix: fix bugs

---
 components/analytics/AnalyticsDisplay.tsx | 10 +++++++++-
 components/analytics/ItemCard.tsx         |  4 ++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/components/analytics/AnalyticsDisplay.tsx b/components/analytics/AnalyticsDisplay.tsx
index 27c6589..76aa944 100644
--- a/components/analytics/AnalyticsDisplay.tsx
+++ b/components/analytics/AnalyticsDisplay.tsx
@@ -10,7 +10,15 @@ export default function AnalyticsDisplay({data}: AnalyticsDisplayProps) {
     return (
         <div className=" grid grid-cols-1 md:grid-cols-2  gap-7 min-h-[30vh] place-items-center " >
             {data.map((card, index) => (
-                <ItemCard key={index} data={card} />
+                <ItemCard
+                    key={index}
+                    data={{
+                        ...card,
+                        participantCount: String(card.participantCount),
+                        startTime: String(card.startTime),
+                        endTime: String(card.endTime),
+                    }}
+                />
             ))}
 
         </div>
diff --git a/components/analytics/ItemCard.tsx b/components/analytics/ItemCard.tsx
index 2b3a5a4..d00a20d 100644
--- a/components/analytics/ItemCard.tsx
+++ b/components/analytics/ItemCard.tsx
@@ -52,10 +52,10 @@ export default function ItemCard({ data }: ItemcardProp) {
           <div className="px-6 py-6 flex items-center justify-between gap-10 h-[36%]">
             <div className="flex flex-col items-start gap-1">
               <h3 className="text-sm md:text-lg font-medium text-foreground">
-                {formatDate(data.startTime)}
+                {formatDate(new Date(data.startTime))}
               </h3>
               <p className="text-muted-foreground text-xs md:text-sm font-medium">
-                to {formatDate(data.endTime)}
+                to {formatDate(new Date(data.endTime))}
               </p>
             </div>