expiration text added to referral list

src/components/Referral/ReferralDisplay.jsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-// import { toast } from "react-toastify";
+import { toast } from "react-toastify";
 import usersService from "../../services/UsersService";
 import InputCom from "../Helpers/Inputs/InputCom";
 import LoadingSpinner from "../Spinners/LoadingSpinner";
@@ -84,16 +84,11 @@ function ReferralDisplay() {
             loading: false,
             status: false,
           });
-          setTimeout(()=>{
+          return;
-            setError({ message: '', loading: false, status: false });
-          },3000)
         } else {
-          // toast.success(res.data.status | "Message Sent!");
+          toast.success(res.data.status | "Message Sent!");
-          setError({ message: res.data.status, loading: false, status: true });
+          setError({ message: "", loading: false, status: true });
           setRefHistoryReload((prev) => !prev);
-          setTimeout(()=>{
-            setError({ message: '', loading: false, status: true });
-          },3000)
         }
       })
       .catch((error) => {
@@ -102,9 +97,6 @@ function ReferralDisplay() {
           loading: false,
           status: false,
         });
-        setTimeout(()=>{
-          setError({ message: '', loading: false, status: false });
-        },3000)
       });
   };
 
@@ -236,7 +228,7 @@ function ReferralDisplay() {
 
                       <hr />
                       {error.message != "" && (
-                        <p className={`text-base py-2 ${error.status ? 'text-emerald-500' : 'text-red-500'}`}>{error.message}</p>
+                        <p className="text-base text-red-500 py-2">{error.message}</p>
                       )}
                       <div className="referral-btn flex justify-end items-center py-4">
                         {error.loading ? (
@@ -245,7 +237,6 @@ function ReferralDisplay() {
                           <button
                             type="submit"
                             className="px-2 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
-                            disabled={error.loading || error.status}
                           >
                             Send Message
                           </button>
@@ -260,9 +251,12 @@ function ReferralDisplay() {
             {selectedTab == 'Referral List' &&
               <>
                 <div className="w-full p-4">
-                  <h2 className="mb-2 text-slate-900 dark:text-white text-xl lg:text-2xl font-medium">
+                  <div className='mb-2 flex flex-wrap gap-4 items-center'>
-                    Referral List
+                    <h2 className="text-slate-900 dark:text-white text-xl lg:text-2xl font-medium">
-                  </h2>
+                      Referral List
+                    </h2>
+                    <p className='text-slate-900 dark:text-white text-sm lg:text-base'>Uncompleted signup will be removed automatically after 7 days</p>
+                  </div>
                   {referralList.loading ? (
                     <LoadingSpinner size="22" color="sky-blue" />
                   ) : (

src/middleware/AuthRoute.jsx

@@ -24,6 +24,7 @@ const AuthRoute = ({ redirectPath = "/login", children }) => {
   const dispatch = useDispatch();
   const [lastActivityTime, setLastActivityTime] = useState(Date.now());
   const [isLogin, setIsLogin] = useState({ loading: true, status: false });
+  const [loadProfileDetails, setLoadProfileDetails] = useState([]);
   const navigate = useNavigate();
 
   const { jobListTable, marketTableList, walletTable, familyBannersListTable, homeBanners } = useSelector(
@@ -45,12 +46,19 @@ const AuthRoute = ({ redirectPath = "/login", children }) => {
     };
 
     const checkInactivity = setInterval(() => {
+      let { account_type } = loadProfileDetails;
       if (account_type === "FAMILY") {
-        if (Date.now() - Number(lastActivityTime) > Number(process.env.REACT_APP_SESSION_EXPIRE_MINUTES_FAMILY)) {
+        if (
+          Date.now() - lastActivityTime >
+          process.env.REACT_APP_SESSION_EXPIRE_MINUTES_FAMILY
+        ) {
           expireSession();
         }
       } else {
-        if (Date.now() - Number(lastActivityTime) > Number(process.env.REACT_APP_SESSION_EXPIRE_MINUTES)) {
+        if (
+          Date.now() - lastActivityTime >
+          process.env.REACT_APP_SESSION_EXPIRE_MINUTES
+        ) {
           expireSession();
         }
       }
@@ -60,7 +68,7 @@ const AuthRoute = ({ redirectPath = "/login", children }) => {
     return () => {
       clearInterval(checkInactivity);
     };
-  }, [lastActivityTime, navigate, isLogin.status]);
+  }, [lastActivityTime, navigate]);
 
   // Reset last activity time on user input
   const resetTime = useCallback(() => {
@@ -89,6 +97,7 @@ const AuthRoute = ({ redirectPath = "/login", children }) => {
               setIsLogin({ loading: false, status: false });
               return;
             }
+            setLoadProfileDetails(res.data);
             dispatch(updateUserDetails({ ...res.data }));
             setIsLogin({ loading: false, status: true });
           })
@@ -132,6 +141,8 @@ const AuthRoute = ({ redirectPath = "/login", children }) => {
             dispatch(updateNotifications({ loading: false, data: null }));
             return;
           }
+          setLoadProfileDetails(res.data);
+
           const _raw = res.data?.result_list;
 
           //Sort the notifications in ascending order based on the API time