sets local storage values on successful login and clears those values when user logs out

src/components/AuthPages/Login/index.jsx

@@ -45,7 +45,10 @@ export default function Login() {
       // if (email === "support@mermsemr.com") {
       if (loginResult.data.status > 0 && loginResult.data.session_token !='') { // just for a start
         localStorage.setItem("email", `${email}`);
+        localStorage.setItem("member_id", `${JSON.stringify(loginResult.data.member_id)}`);
+        localStorage.setItem("member_uuid", `${JSON.stringify(loginResult.data.member_uuid)}`);
         localStorage.setItem("session_token", `${loginResult.data.session_token}`);
+        localStorage.setItem("status", `${JSON.stringify(loginResult.data.status)}`);
         localStorage.setItem("profile", `${JSON.stringify(loginResult.data.profile)}`);
         setLoginLoading(true);
          // userApi.getUserReminders(); //testing

src/components/Partials/Layout.jsx

@@ -21,7 +21,11 @@ export default function Layout({ children }) {
   const navigate = useNavigate();
   const logOut = () => {
     localStorage.removeItem("email");
+    localStorage.removeItem('profile');
+    localStorage.removeItem('member_id');
+    localStorage.removeItem('member_uuid');
     localStorage.removeItem('session_token');
+    localStorage.removeItem('status');
     toast.success("Come Back Soon", {
       icon: `🙂`,
     });

src/components/Reminders/ReminderTable.jsx

@@ -1,28 +1,11 @@
-import React, { useEffect, useState } from "react";
+import React, { useState } from "react";
 import dataImage1 from "../../assets/images/data-table-user-1.png";
-import usersService from "../../services/UsersService";
+import dataImage2 from "../../assets/images/data-table-user-2.png";
+import dataImage3 from "../../assets/images/data-table-user-3.png";
+import dataImage4 from "../../assets/images/data-table-user-4.png";
 import SelectBox from "../Helpers/SelectBox";
 
 export default function ReminderTable({ className }) {
-  const [userReminders, setUserReminders] = useState([]);
-
-  const api = new usersService();
-  useEffect(() => {
-    getUserReminders();
-  }, []);
-
-  const getUserReminders = async () => {
-    try {
-      const res = await api.getUserReminders();
-     
-      setUserReminders(res.data.reminders);
-      console.log("res", res);
-      
-    } catch (error) {
-      console.log("Error from User Reminders", error);
-    }
-  };
-
   const filterCategories = ["All Categories", "Doctors Visit", "Medications"];
   const [selectedCategory, setCategory] = useState(filterCategories[0]);
   return (
@@ -56,11 +39,8 @@ export default function ReminderTable({ className }) {
             </tr>
 
             {selectedCategory === "All Categories" ? (
-
               <>
-               {userReminders.map((reminders, index) => ( 
+                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
-
-                <tr key={reminders.id} className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
                   <td className=" py-4">
                     <div className="flex space-x-2 items-center">
                       <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
@@ -75,8 +55,7 @@ export default function ReminderTable({ className }) {
                           Pizza Testing Appointament
                         </h1>
                         <span className="text-sm text-thin-light-gray">
-                        
+                          Added <span className="text-purple">10-10-2025</span>
-                          Added <span className="text-purple">{reminders.added}</span>
                         </span>
                       </div>
                     </div>
@@ -85,20 +64,20 @@ export default function ReminderTable({ className }) {
                     <div className="flex space-x-1 items-center justify-center">
            
                       <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
-                      {reminders.start_date}
+                        12-01-25 : 6:30 PM
                       </span>
                     </div>
                   </td>
                   <td className="text-center py-4 px-2">
                     <div className="flex space-x-1 items-center justify-center">
                       <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
-                      {reminders.end_date}
+                      12-01-28 : 6:30 PM
                       </span>
                     </div>
                   </td>
                   <td className="text-right py-4 px-2">
                     <span className="text-base text-thin-light-gray whitespace-nowrap">
-                     {reminders.reminder}
+                     4
                     </span>
                   </td>
                   <td className="text-right py-4 px-2">
@@ -110,8 +89,7 @@ export default function ReminderTable({ className }) {
                     </button>
                   </td>
                 </tr>
-              ))}
+                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
-                {/* <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
                   <td className=" py-4">
                     <div className="flex space-x-2 items-center">
                       <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
@@ -257,9 +235,8 @@ export default function ReminderTable({ className }) {
                       Edit
                     </button>
                   </td>
-                </tr> */}
+                </tr>
               </>
-            
             ) : selectedCategory === "Doctors Visit" ? (
               <>
                 <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">

src/services/UsersService.js

@@ -1,3 +1,4 @@
+import React from "react";
 import Axios from "axios";
 
 class usersService {
@@ -23,7 +24,7 @@ class usersService {
     //----------------------------------------  -----
     //----------------------------------------  -----
     getAuxEnd(uri, reqData) {
-        // debugger;
+        debugger;
         const session_token = localStorage.getItem("session_token");
         let axiosConfig = {
             headers: {