fixed size for mobile view

src/components/AuthPages/SignUp/VerifySignup/index.jsx

@@ -1,4 +1,5 @@
 import React, {useState} from "react";
+// import titleShape from "../../../../assets/images/shape/text-shape-three.svg";
 import titleShape from "../../../../assets/images/shape/title_shape_3.svg";
 import AuthLayout from "../../AuthLayout";
 import Otp from "./Otp";
@@ -67,14 +68,18 @@ export default function VerifyYou() {
     }
 
     let apiInput = {
-      username: localStorage.getItem('username'),
+      username: 'anumuduchukwuebuka@gmail.com',
-      pend_uid: localStorage.getItem('uuid'),
+      pend_uid: 'ec497517-ddb5-4830-a2c4-b7e2a68627de',
       random_text: otpCode,
       mode: 'VERIFY',
+      // loc: 'Desktop',
+      // sessionid: 'ec497517-ddb5-4830-a2c4-b7e2a68627de',
+      // code: otpCode,
     }
 
     try {
-      const res = await verifyOTP.signupUser(apiInput)
+      const res = await verifyOTP.signupOTPVerify(apiInput);
+      console.log(res)
       if(res.status != 200){
         setLoading(false)
         setErrorMessage({
@@ -83,33 +88,15 @@ export default function VerifyYou() {
         })
         return
       }
-
+      // if status code is 200 proceed
-      if(res.status == 200){
+      setErrorMessage({
-        if(res.data.status < 0) { // when resquest is successful but status is not 100
+        success: true,
-          setLoading(false)
+        message: 'verification successfully'
-          setErrorMessage({
+      })
-            success: false,
+      setTimeout(()=>{
-            message: res.data.error_msg
+        setLoading(false)
-          })
+        navigate('/complete-signup', { replace: true })
-          return
+      }, 1000)
-        }
-
-        // if request is successful and status is 100 proceed
-        setErrorMessage({
-          success: true,
-          message: 'verification successfully'
-        })
-
-        //clears the temporary uuid and email in tge local storage
-        localStorage.removeItem('uuid')
-        localStorage.removeItem('username')
-
-        setTimeout(()=>{
-          setLoading(false)
-          navigate('/complete-signup', { replace: true })
-        }, 1000)
-      }
-      
     } catch (error) {
       setLoading(false)
       setErrorMessage({

src/components/AuthPages/SignUp/index.jsx

@@ -62,8 +62,6 @@ export default function SignUp() {
       })
       return
     }
-
-
     //checks if email is a valid email address
     let regEx = /^[^0-9][a-zA-Z0-9._%+-]+@[a-zA-Z]+(\.[a-zA-Z]+)+$/;
     if (regEx.test(email) == false) {
@@ -102,7 +100,7 @@ export default function SignUp() {
 
     try {
       const res = await userSignup.signupUser(userInfo);
-      if(res.status != 200){
+      if(res.status != 200 || res.data.status < 1){
         setLoading(false)
         setErrorMessage({
           success: false,
@@ -110,31 +108,15 @@ export default function SignUp() {
         })
         return
       }
-
+      // if status code is 200 proceed
-      if(res.status == 200){
+      setErrorMessage({
-        if(res.data.status < 0) { // when resquest is successful but status is not 1
+        success: true,
-          setLoading(false)
+        message: 'Account created successfully'
-          setErrorMessage({
+      })
-            success: false,
+      setTimeout(()=>{
-            message: 'unable to create account'
+        setLoading(false)
-          })
+        navigate("/verify-signup", { replace: true })
-          return
+      }, 1000)
-        }
-
-        // if request is successful and status is 1 proceed
-        setErrorMessage({
-          success: true,
-          message: 'Account created successfully'
-        })
-  
-        localStorage.setItem('uuid', res.data.uuid) // Stores the user UUID to localstorage
-        localStorage.setItem('username', email) // Stores the user UUID to localstorage
-  
-        setTimeout(()=>{
-          setLoading(false)
-          navigate("/verify-signup", { replace: true })
-        }, 1000)
-      }
     } catch (error) {
       setLoading(false)
       setErrorMessage({

src/components/Reminders/AddEditReminder.jsx

@@ -76,7 +76,7 @@ export default function AddEditReminder({ className }) {
     setMessage({status: true, message: ''})
     let {description, notes, category, mode} = infoDetail
     //CHECKING IF AN EMPTY FIELD WAS PASSED
-    if(!description || !notes || !category || !mode){
+    if(!description || !category || !mode){
       setSuccess(false)
       setMessage({status: false, message: 'All fields must be filled'})
       return

src/index.css

@@ -669,6 +669,7 @@ TODO: Responsive ===========================
   .nft-userprofile-wrapper .content-wrapper-profile-only .auth {
     margin-top: -70px;
   }
+  .react-date-picker__calendar {width: 290px;}
 }
 @media (max-width: 376px) {
   .notification-page .content-item .notifications {
@@ -677,6 +678,7 @@ TODO: Responsive ===========================
   .notification-page .content-item .notifications .icon {
     @apply mb-2;
   }
+
 }
 
 /* Calendar */
@@ -766,6 +768,11 @@ TODO: Responsive ===========================
 }
 
 /* Date Picker */
+.react-date-picker{
+  display: flex !important;
+  flex: 1;
+}
+
 .react-date-picker__wrapper{
   border: 0.5px solid #E3E4FE;
   padding: 1.25rem;
@@ -783,6 +790,7 @@ TODO: Responsive ===========================
 
 .dark .react-date-picker__button svg{stroke: #7B818D;}
 
+.react-date-picker__calendar {inset: 100% 25px auto auto !important;}
 .react-date-picker__calendar .react-calendar{
   min-height: 18.4rem;
 }

src/services/UsersService.js

@@ -25,6 +25,11 @@ class usersService {
         return this.postAuxEnd("/account", reqData);
     }
 
+    //SIGNUP OTP VERIFICATION AUTH
+    signupOTPVerify(reqData){
+        return this.postAuxEnd("/signup-code", reqData);
+    }
+
     getUserReminders(){
         var reqData = {
             member_id: localStorage.getItem("member_id")