- {props.lc?.previous_meetings &&
- props.lc?.previous_meetings.length > 0 && (
-
Your past meetings
- )}
-
- {pastMeetups.map((report, index) => (
-
{
- navigate(
- "/dashboard/learning-circle/meetup/" +
- report.id
- );
- }}
- >
-
-
{index + 1}.
-
- {convertToFormatedDate(
- report.meet_time
- )}
-
-
-
-
+ {(reportPending ?? []).length > 0 ? (
+
+
Pending Report Submissions
+
+ {reportPending.map((report, index) => (
+
- {convertToFormatedDate(
- report.meet_time
- )}{" "}
- {convert24to12(
- extract24hTimeFromDateTime(
+
+
{index + 1}.
+
+ {convertToFormatedDate(
+ report.meet_time
+ )}
+
+
+
+
+ {convertToFormatedDate(
+ report.meet_time
+ )}{" "}
+ {convert24to12(
+ extract24hTimeFromDateTime(
+ report.meet_time
+ )
+ )}
+
+
+
+
+ ))}
+
+
+ ) : (
+ <>
+ )}
+
+ {props.lc?.previous_meetings &&
+ props.lc?.previous_meetings.length > 0 && (
+
Your past meetings
+ )}
+
+ {pastMeetups.map((report, index) => (
+
{
+ navigate(
+ "/dashboard/learning-circle/meetup/" +
+ report.id
+ );
+ }}
+ >
+
+
{index + 1}.
+
+ {convertToFormatedDate(
report.meet_time
- )
- )}
-
-
+ )}
+
+
+
+
+ {convertToFormatedDate(
+ report.meet_time
+ )}{" "}
+ {convert24to12(
+ extract24hTimeFromDateTime(
+ report.meet_time
+ )
+ )}
+
+
+
-
- ))}
+ ))}
+
-
+
) : (
<>
)}
diff --git a/src/modules/Dashboard/modules/LearningCircle/pages/LcDashboard/components/LcMeetCreate.tsx b/src/modules/Dashboard/modules/LearningCircle/pages/LcDashboard/components/LcMeetCreate.tsx
index 22c341b8d..49888b147 100644
--- a/src/modules/Dashboard/modules/LearningCircle/pages/LcDashboard/components/LcMeetCreate.tsx
+++ b/src/modules/Dashboard/modules/LearningCircle/pages/LcDashboard/components/LcMeetCreate.tsx
@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction, useState } from "react";
+import { createRef, Dispatch, SetStateAction, useRef, useState } from "react";
import styles from "../LcDashboard.module.css";
import toast from "react-hot-toast";
import {
@@ -7,6 +7,7 @@ import {
} from "../../../services/LearningCircleAPIs";
import { useFormik } from "formik";
import { Switch } from "@chakra-ui/react";
+import { PowerfulButton } from "@/MuLearnComponents/MuButtons/MuButton";
type Props = {
setTemp: Dispatch
>;
@@ -15,6 +16,9 @@ type Props = {
};
const LcMeetCreate = (props: Props) => {
+ const [tasks, setTasks] = useState([]);
+ const taskInputRef = createRef();
+ const [isLoading, setIsLoading] = useState(false);
const formik = useFormik({
initialValues: {
title: "",
@@ -26,12 +30,18 @@ const LcMeetCreate = (props: Props) => {
pre_requirements: null,
is_public: true,
limit_attendees: false,
- max_attendees: -1
+ max_attendees: -1,
+ is_online: false
},
onSubmit: values => {
- createMeetup(values, props.id ?? "")
+ if (tasks.length === 0) {
+ toast.error("Please add tasks");
+ return;
+ }
+ setIsLoading(true);
+ createMeetup({ ...values, tasks: tasks }, props.id ?? "")
.then(res => {
- console.log(res);
+ setIsLoading(false);
if (res) {
if (res.hasError) {
toast.error(res.message.general[0]);
@@ -41,6 +51,7 @@ const LcMeetCreate = (props: Props) => {
}
})
.catch(err => {
+ setIsLoading(false);
toast.error("Failed to create meetup");
});
@@ -112,7 +123,7 @@ const LcMeetCreate = (props: Props) => {
-
+
+
+
Attendees List
+
+ {attendees.map(attendee => (
+
{
+ setAttendeeDetailsExpanded(prevState => ({
+ ...prevState,
+ [attendee.attendee_id]:
+ !prevState?.[attendee.attendee_id]
+ }));
+ }}
+ >
+
+
+ {attendee.fullname}
+
+
+ {
+ changeRating(
+ attendee.attendee_id,
+ rating
+ );
+ }}
+ numberOfStars={5}
+ name="rating"
+ starDimension="15px"
+ starSpacing="1px"
+ />
+
+
+
+
Report
+
+ {attendee.report}
+
+
Tasks Completed
+ {attendee.proof_of_work.map(
+ (task, index) => (
+
+
+ {index + 1} |
+ {task.title}
+
+
+
{
+ if (task.is_image) {
+ window.open(
+ import.meta
+ .env
+ .VITE_BACKEND_URL +
+ (task.image_url ??
+ "404"),
+ "_blank"
+ );
+ } else {
+ window.open(
+ task.proof_url ??
+ "",
+ "_blank"
+ );
+ }
+ }}
+ >
+
+
+
+
+ )
+ )}
+
+
+ ))}
+
+