diff --git a/src/modules/Dashboard/modules/LearningCircleV2/assets/images/LC3.webp b/src/modules/Dashboard/modules/LearningCircleV2/assets/images/LC3.webp new file mode 100644 index 000000000..e76246241 Binary files /dev/null and b/src/modules/Dashboard/modules/LearningCircleV2/assets/images/LC3.webp differ diff --git a/src/modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.module.css b/src/modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.module.css index 49a4225bc..825f737c2 100644 --- a/src/modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.module.css +++ b/src/modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.module.css @@ -222,15 +222,20 @@ font-size: 0.65rem; margin-right: 0.5rem; } - .learningCircleLandingPage .learningCircleLandingPageButton { + .learningCircleLandingPage .learningCircleLandingPageButton { flex-direction: column; justify-content: center; align-items: center; } .learningCircleLandingPage .middleContainer { + width: 100%; justify-content: center; + align-items: center; flex-direction: column-reverse; gap: 10px; + button { + width: 100%; + } } } @@ -255,7 +260,7 @@ display: flex; flex-wrap: wrap; gap: 2rem; - justify-content: center; + justify-content: start; } .card div:nth-child(1) { display: flex; @@ -368,7 +373,7 @@ @media screen and (max-width: 1920px) { .cardContainer { - justify-content: space-between; + justify-content: start; } .card { width: calc(33% - 20px); diff --git a/src/modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.tsx b/src/modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.tsx index 9c0be414c..77c261b52 100644 --- a/src/modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.tsx +++ b/src/modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.tsx @@ -12,6 +12,7 @@ import { joinMeetup, unsaveMeetup } from "../../services/LearningCircleAPIs"; +import imageBottom from "../../assets/images/LC3.webp"; import { color } from "framer-motion"; import MuModal from "@/MuLearnComponents/MuModal/MuModal"; import { Input } from "@chakra-ui/react"; @@ -181,9 +182,7 @@ const LearningCircleLanding = () => { -
+
{
-
- {meetups.map((event, index) => ( -
- {event.is_started ? ( -
+ No meetups + No Meetups! +

No meetups are currently running now

+
+ ) : ( +
+ {meetups.map((event, index) => ( +
+ {event.is_started ? ( +
+ + {event.attendee && event.attendee.is_joined && !event.attendee .is_report_submitted - ? "#DF4141" - : "rgba(255, 198, 40, 1)" - }} - > - - {event.attendee && - event.attendee.is_joined && - !event.attendee.is_report_submitted - ? "Report Submission Pending" - : "Happening Now"} - + ? "Report Submission Pending" + : "Happening Now"} + +
+ ) : null} +

+ {event.title} +

+
+ + {event.meet_place}
- ) : null} -

{event.title}

-
- - {event.meet_place} -
-
- - {new Date( - event.meet_time - ).toLocaleString()} - - - {event.duration} Hours - - {/* +
+ + {new Date( + event.meet_time + ).toLocaleString()} + + + {event.duration} Hours + + {/* Earn Karma Points */} -
-
- {!event.attendee || - (event.attendee && - !event.attendee.is_joined) ? ( - +
+ {!event.attendee || + (event.attendee && + !event.attendee.is_joined) ? ( + { + saveMeetup(event.id); + }} + > + + + ) : null} + + {!event.is_started + ? "More Info" + : event.attendee && + event.attendee.is_joined + ? event.attendee + .is_report_submitted + ? "Report Submitted" + : "Submit Report" + : "Join Now"} + +
-
- ))} -
+ ))} +
+ )}
)}