Fixed date event in upcoming events

src/components/Card/HappenCard.jsx

@@ -18,7 +18,9 @@ const HappenCard = ({ key, date, text, para, loader, title }) => {
     newDate
   );
 
-  if (loader) {
+  console.log(date);
+
+  if (isLoading) {
     return (
       <div>
         <Loader />

src/components/EventsPage/UpcomingEvents.jsx

@@ -122,16 +122,18 @@ const UpcomingEvents = () => {
                 },
               }}
             >
-              {eventsCard?.map((item) => (
-                <HappenCard
-                  key={item.id}
-                  date={item.eventDates[0].date}
-                  text={item.title}
-                  para={item.content}
-                  // curentDate={item.eventDates}
-                  title={item.title_slug}
-                />
-              ))}
+              {eventsCard?.map((item) =>
+                item.eventDates.map((dateItem) => (
+                  <HappenCard
+                    key={item.id}
+                    date={dateItem.date}
+                    text={item.title}
+                    para={item.content}
+                    // curentDate={item.eventDates}
+                    title={item.title_slug}
+                  />
+                ))
+              )}
             </SimpleGrid>
           </Box>
         </Box>

src/components/UseCase/NewUseCase.jsx

@@ -208,6 +208,25 @@ const NewUseCase = ({
                 marginBottom={"2rem"}
                 key={item.id}
               >
+                {item ? (
+                  <Text
+                    className="rubix-fw-500"
+                    fontSize="3xl"
+                    textColor={"#ffffff"}
+                    marginBottom={"3rem"}
+                    marginInline={"3rem"}
+                    sx={{
+                      "@media (max-width: 600px)": {
+                        fontSize: "22px",
+                        textAlign: "center",
+                      },
+                    }}
+                  >
+                    Use Cases
+                  </Text>
+                ) : (
+                  ""
+                )}
                 <Box
                   width={"275px"}
                   background={"#15181E"}