Livepage: Events details added

hack4bengal · Jun 26, 2024 · c99fd85 · c99fd85
1 parent 95cb124
commit c99fd85
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 22 deletions.
diff --git a/src/pages/live/EventSection.jsx b/src/pages/live/EventSection.jsx
@@ -10,7 +10,7 @@ const EventCard = ({ event }) => {
             <div className="card-body">
                 <div className='card-details'>
                 <h2 className="card-title">{event.name}</h2>
-                <p className="card-description">{event.description}</p>
+                {/* <p className="card-description">{event.description}</p> */}
                 </div>
                 <p className="card-text">
                     <small className="text-muted">{new Date(event.startTime).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })} - {new Date(event.endTime).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}</small>
@@ -63,9 +63,10 @@ const EventSection = () => {
                     <span></span>
                     <h2>Upcoming Event</h2>
                 </div>
-                {upcomingEvents.map((event, index) => (
+                {upcomingEvents && <EventCard event={upcomingEvents[0]} />}
+                {/* {upcomingEvents.map((event, index) => (
                     <EventCard key={index} event={event} />
-                ))}
+                ))} */}
             </div>
         </div>
     );

diff --git a/src/pages/live/EventSection.scss b/src/pages/live/EventSection.scss
@@ -26,7 +26,7 @@
         flex-direction: column;
         justify-content: center;
         align-items: start;
-        gap: 4rem;
+        gap: 3rem;
 
         @media screen and (max-width: 720px) {
             gap: 2rem;

diff --git a/src/pages/live/Events.js b/src/pages/live/Events.js
@@ -3,28 +3,39 @@ import uiux101 from "../../assets/images/EventsImages/uiux101.webp";
 
 export const Events = [
     {
-        name: "ML 101",
-        thumbnail: ml101,
-        description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. ipsum dolor sit amet, consectetur adipiscing elit.",
-        startTime: "2024-06-23T20:00:00",
-        endTime: "2024-06-23T23:00:00",
-        place: "Room 216",
+        name: "GitHub Workshop/ Session",
+        description: "",
+        startTime: "2024-06-28T14:30:00",
+        endTime: "2024-06-28T15:10:00",
+        place: "",
     },
     {
-        name: "UI/UX 101",
-        thumbnail: uiux101,
-        description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. ipsum dolor sit amet, consectetur adipiscing elit.",
+        name: "Filecoin Workshop/ Session",
+        description: "",
         time: "2024-06-22T23:00:00",
-        startTime: "2024-06-23T13:00:00",
-        endTime: "2024-06-23T15:00:00",
-        place: "Room 209",
+        startTime: "2024-06-28T15:10:00",
+        endTime: "2024-06-28T15:30:00",
+        place: "",
     },
     {
-        name: "Sponsor Event",
-        thumbnail: uiux101,
-        description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
-        startTime: "2024-06-23T12:00:00",
-        endTime: "2024-06-23T13:00:00",
-        place: "Room 216",
+        name: "Avalanche Workshop/ Session",
+        description: "",
+        startTime: "2024-06-28T15:30:00",
+        endTime: "2024-06-23T16:00:00",
+        place: "",
+    },
+    {
+        name: "Google Cloud Kolkata Workshop/ Session",
+        description: "",
+        startTime: "2024-06-28T16:00:00",
+        endTime: "2024-06-23T16:20:00",
+        place: "",
+    },
+    {
+        name: "Router Protocol Workshop/ Session",
+        description: "",
+        startTime: "2024-06-28T16:20:00",
+        endTime: "2024-06-23T17:00:00",
+        place: "",
     },
 ]