Merge pull request #1562 from arjuncvinod/dev

fix(wadhwani)
gtech-mulearn · Jun 14, 2024 · bdb5242 · bdb5242
2 parents f39e6b3 + 53cdf95
commit bdb5242
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 6 deletions.
diff --git a/src/modules/Dashboard/modules/ManageUsers/UserForm.tsx b/src/modules/Dashboard/modules/ManageUsers/UserForm.tsx
@@ -142,7 +142,15 @@ const UserForm = forwardRef(
         const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
             const { name, value } = e.target;
 
-            setData(prevData => ({ ...prevData, [name]: value }));
+            if (name === "mobile" && value && !/^\+?\d{0,12}$/.test(value.trim())) {
+                setErrors(prevErrors => ({
+                    ...prevErrors,
+                    mobile: "Invalid format"
+                }));
+            } else {
+                setErrors(prevErrors => ({ ...prevErrors, mobile: undefined }));
+                setData(prevData => ({ ...prevData, [name]: value.trim() || " " }));
+            }
         };
 
         const handleYearChange = (e: React.ChangeEvent<HTMLInputElement>) => {
@@ -373,7 +381,7 @@ const UserForm = forwardRef(
                         </div>
                         <div className={styles.inputContainer}>
                             <input
-                                type="text"
+                                type="tel"
                                 name="mobile"
                                 placeholder="Mobile"
                                 value={data.mobile}

diff --git a/src/modules/Dashboard/modules/Wadhwani/index.module.css b/src/modules/Dashboard/modules/Wadhwani/index.module.css
@@ -100,4 +100,5 @@
   color: white;
   padding: 0.5rem 1rem;
   border-radius: 5px;
+  cursor: pointer;
 }
diff --git a/src/modules/Dashboard/modules/Wadhwani/index.tsx b/src/modules/Dashboard/modules/Wadhwani/index.tsx
@@ -90,10 +90,17 @@ function getRootIdByTitle(titleToSearch: string): string  {
     console.log(course?.courseName + titleToSearch)
     return course ? course.courseRootId : "null";
 }
-
-    function stringSlice(inputString: string): string {
-        return inputString.substring(3, 200);
+function stringSlice(inputString: string): string {
+    const secondPeriodIndex = inputString.indexOf(
+        ".",
+        inputString.indexOf(".") + 1
+    );
+    if (secondPeriodIndex !== -1) {
+        return inputString.substring(0, secondPeriodIndex + 1).trim();
     }
+    return inputString.substring(0, 200);
+}
+
         const CourseCard: React.FC<CourseCardProps> = ({ title, desc, duration, rootId }) => {
         return (
             <div className={styles.containercard}>
@@ -108,7 +115,9 @@ function getRootIdByTitle(titleToSearch: string): string  {
             </div>
         );
     };
-
+    if (isLoading) {
+        return <MuLoader />;
+    }
     return (
         <div className={styles.wrapper}>
             <h1>Wadhwani Foundation Courses</h1>