From 6772ac71b4f416cc6400251cf697e1427d189a47 Mon Sep 17 00:00:00 2001
From: Rayan Tighiouart <t.alex.2002@gmail.com>
Date: Fri, 3 May 2024 15:19:03 -0700
Subject: [PATCH] :)

---
 src/components/Events/ImpactSummary.jsx | 32 ++++++++++++++-----------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/components/Events/ImpactSummary.jsx b/src/components/Events/ImpactSummary.jsx
index 01b2f88..39b25e2 100644
--- a/src/components/Events/ImpactSummary.jsx
+++ b/src/components/Events/ImpactSummary.jsx
@@ -18,6 +18,7 @@ const ImpactSummary = () => {
     getData();
   }, []);
 
+
   const getData = async () => {
     try {
       let response = await Backend.get('/stats/registered');
@@ -56,24 +57,24 @@ const ImpactSummary = () => {
 
   const flexDirectionBreakpoint = useBreakpointValue(
     {
-      base: 'column',
-      sm: 'column',
-      md: 'row',
+        base: "column",
+        sm: "column",
+        md: "row"
     },
     {
-      fallback: 'row',
-    },
+        fallback: "row"
+    }
   );
 
-  const gapBreakpoint = useBreakpointValue(
-    {
-      base: 0,
-      sm: 0,
-      md: 120,
-    },
-    {
-      fallback: 120,
-    },
+const gapBreakpoint = useBreakpointValue(
+  {
+    base: 0,
+    sm: 0,
+    md: 120
+  },
+  {
+    fallback: 120
+  }
   );
 
   useEffect(() => {
@@ -89,6 +90,7 @@ const ImpactSummary = () => {
     getEventId();
   }, []);
 
+
   return (
     <Box
       mb="5"
@@ -101,6 +103,7 @@ const ImpactSummary = () => {
       borderRadius={'lg'}
       py={10}
     >
+
       <DataCard
         amount={registered}
         text={'Total Registered Volunteers'}
@@ -147,6 +150,7 @@ const ImpactSummary = () => {
           {/* Export Data */}
         </Button>
       </VStack>
+
     </Box>
   );
 };