chore(dashboard): fixes

Author: iamanilantony

src/modules/Dashboard/modules/LearningCircleV2/pages/CreateLCMeetup/CreateLCMeetup.tsx

@@ -48,34 +48,37 @@ export default function CreateLCMeetup() {
         date: date(),
         duration: 3
     };
-    const onSubmit = (values: any) => {
-        if (!selectedLocation) {
-            toast.error("Please select a location for the meetup");
-            return;
-        }
-        setIsLoading(true);
-        const date = new Date(values.date);
-        const meetupData: LCMeetCreate = {
-            circle_id: params.circle_id ?? "",
-            title: values.title,
-            is_report_needed: values.is_proof_required,
-            report_description: values.proof_description,
-            meet_place: selectedLocation.name,
-            coord_x: selectedLocation.lat,
-            coord_y: selectedLocation.lon,
-            meet_time: date.toISOString(),
-            duration: values.duration
-        };
+    // const onSubmit = (values: any) => {
+    //     if (!selectedLocation) {
+    //         toast.error("Please select a location for the meetup");
+    //         return;
+    //     }
+    //     setIsLoading(true);
+    //     const date = new Date(values.date);
+    //     const meetupData: LCMeetCreate = {
+    //         circle_id: params.circle_id ?? "",
+    //         title: values.title,
+    //         is_report_needed: values.is_proof_required,
+    //         report_description: values.proof_description,
+    //         meet_place: selectedLocation.name,
+    //         coord_x: selectedLocation.lat,
+    //         coord_y: selectedLocation.lon,
+    //         meet_time: date.toISOString(),
+    //         duration: values.duration,
+    //         description: values., 
+    //         meet_link, 
+    //         mode
+    //     };
 
-        scheduleMeetup(meetupData).then(status => {
-            setIsLoading(false);
-            if (status) {
-                navigate(
-                    `/dashboard/learningcircle/dashboard/${params.circle_id}`
-                );
-            }
-        });
-    };
+    //     scheduleMeetup(meetupData).then(status => {
+    //         setIsLoading(false);
+    //         if (status) {
+    //             navigate(
+    //                 `/dashboard/learningcircle/dashboard/${params.circle_id}`
+    //             );
+    //         }
+    //     });
+    // };
     const handleLocationSearch = (location: string) => {
         setLocationLoading(true);
         searchCoordinates(location).then(data => {
@@ -87,11 +90,10 @@ export default function CreateLCMeetup() {
     return (
         <div className={styles.createLCMeetup}>
             <h1>Schedule your next meet</h1>
-            <Formik initialValues={initialValues} onSubmit={onSubmit}>
+            {/* <Formik initialValues={initialValues} onSubmit={onSubmit}>
                 {formik => (
                     <Form className={styles.form}>
                         <div className={styles.formGroup}>
-                            {/* <label htmlFor="title">Title</label> */}
                             <SimpleInput
                                 name="title"
                                 required
@@ -126,9 +128,6 @@ export default function CreateLCMeetup() {
                         </div>
                         {formik.values.is_proof_required ? (
                             <div className={styles.formGroup}>
-                                {/* <label htmlFor="proof_description">
-                                Proof description
-                            </label> */}
                                 <textarea
                                     required={formik.values.is_proof_required}
                                     maxLength={1000}
@@ -254,7 +253,7 @@ export default function CreateLCMeetup() {
                         </PowerfulButton>
                     </Form>
                 )}
-            </Formik>
+            </Formik> */}
         </div>
     );
 }

src/modules/Dashboard/modules/LearningPaths/pages/LearningPathOne/LearningCircleCreateForm.tsx

@@ -2,10 +2,13 @@ import { useState } from "react";
 import styles from "./LearningCircleLanding.module.css";
 import { createLearningCircle, scheduleMeetup } from "../../../LearningCircleV2/services/LearningCircleAPIs";
 import { useNavigate } from "react-router-dom";
+import ReactSelect from "react-select";
+import { getInterests } from "../../../ManageUsers/apis";
 
 
 const LearningCircleCreateForm = ({ setIsCreateModalOpen }: { setIsCreateModalOpen: (type: boolean) => void }) => {
     const [title, setTitle] = useState('');
+    const [ig, setIg] = useState('');
     const [description, setDescription] = useState('');
     const [meetingType, setMeetingType] = useState('online'); // default selection
     const [meetLink, setMeetLink] = useState('');
@@ -47,6 +50,15 @@ const LearningCircleCreateForm = ({ setIsCreateModalOpen }: { setIsCreateModalOp
         setIsCreateModalOpen(false);
     };
 
+    const getOptions = () => {
+        getInterests().then((data) => {
+            return data.map(ig => ({
+                label: ig.name,
+                value: ig.id
+            }))
+        })
+    }
+
 
     return (
         <form className={styles.form} onSubmit={handleSubmit}>
@@ -64,6 +76,33 @@ const LearningCircleCreateForm = ({ setIsCreateModalOpen }: { setIsCreateModalOp
                 />
             </div>
 
+            {/* Title Field */}
+            {/* <div className={styles.formGroup}>
+                <label htmlFor="title">Learning Circle</label>
+                <input
+                    id="lc"
+                    type="select"
+                    placeholder="What are you going to learn?"
+                    value={title}
+                    onChange={(e) => setIg(e.target.value)}
+                    className={styles.input}
+                    required
+                />
+            </div> */}
+            {/* <ReactSelect
+                                        // onInputChange={e => {
+                                        //     setIg(e);
+                                        // }}
+                                        options={getOptions()}
+                                        name="organization"
+                                        placeholder="Select Category"
+                                        // filterOption={CustomFilter}
+                                        // isDisabled={isloading}
+                                        onChange={(e: string) => {
+                                            setIg(e);
+                                        }}
+                                    /> */}
+
             {/* Description Field */}
             <div className={styles.formGroup}>
                 <label htmlFor="description">Description</label>