reminder link activated

.env

@@ -11,7 +11,4 @@ REACT_APP_AUX_ENDPOINT = "https://devapi.mermsemr.com/en/desktop/api/v2/myfit"
 REACT_APP_USERS_ENDPOINT = "https://devapi.mermsemr.com/en/desktop/api/v2/myfituser"
 # REACT_APP_PASSWORD_ENDPOINT = "https://devapi.mermsemr.com/en/desktop/api/v2/myfituser/resetpass"
 
-REACT_APP_SESSION_EXPIRE_MINUTES = 5
+REACT_APP_SESSION_EXPIRE_MINUTES = 5
-
-REACT_APP_TRACKING = "Tracking"
-REACT_APP_RESOURCES = "Resources"

src/components/Calendar/CalendarTable.jsx

@@ -34,7 +34,7 @@ export default function CalendarTable({ className }) {
 
 
       <div>
-      <Calendar onChange={onChange} value={value} calendarType="US" />
+      <Calendar onChange={onChange} value={value} />
     </div>
 
 

src/components/Partials/Layout.jsx

@@ -95,7 +95,7 @@ export default function Layout({ children }) {
       {logoutModal && (
         <ModalCom action={logoutModalHandler} situation={logoutModal}>
           <div className="logout-modal-wrapper lg:w-[460px] h-full lg:h-auto bg-white dark:bg-dark-white   lg:rounded-2xl">
-            <div className="logout-modal-header w-full flex items-center justify-between lg:px-10 lg:py-8 px-[30px] py-[23px] border-b dark:border-[#5356fb29]  border-light-purple dark:border-[#5356fb29] ">
+            <div className="logout-modal-header w-full flex items-center justify-between lg:px-10 lg:py-8 px-[30px] py-[23px] border-b border-light-purple dark:border-[#5356fb29] ">
               <h1 className="text-26 font-bold text-dark-gray dark:text-white tracking-wide">
                 Confirm
               </h1>

src/components/Partials/MobileSideBar.jsx

@@ -111,7 +111,8 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
                     <Icons name="market" />
                   </span>
                   <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
-                    {process.env.REACT_APP_TRACKING}
+                    Tracking
+
                   </span>
                 </NavLink>
               </li>
@@ -137,7 +138,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
                     <Icons name="star" />
                   </span>
                   <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
-                    {process.env.REACT_APP_RESOURCES}
+                    Resources
                   </span>
                 </NavLink>
               </li>

src/components/Partials/RightSideBar.jsx

@@ -1,4 +1,5 @@
 import React, { useState } from "react";
+import { Link } from "react-router-dom";
 import topCreator1 from "../../assets/images/top-creator-1.png";
 import topCreator2 from "../../assets/images/top-creator-2.png";
 import topCreator3 from "../../assets/images/top-creator-3.png";
@@ -177,13 +178,15 @@ export default function RightSideBar() {
             </div>
           </div>
 
-          <div className="platform-list">
+          <div className="platform-list flex flex-col gap-4">
-            <div className="item flex space-x-3 items-center mb-4">
+            <Link to="/add-reminder" className="cursor-pointer p-2 md:hover:shadow-md transition md:hover:duration-300 rounded-md">
+            <div className="item flex space-x-3 items-center">
               {/* image */}
               <div className="w-8 h-8 rounded-full">
                 <svg
-                  width="40"
+                  className="w-[100%]"
-                  height="41"
+                  // width="40"
+                  // height="41"
                   viewBox="0 0 40 41"
                   fill="none"
                   xmlns="http://www.w3.org/2000/svg"
@@ -206,12 +209,15 @@ export default function RightSideBar() {
               </div>
               {/* action */}
             </div>
-            <div className="item flex space-x-3 items-center mb-4">
+            </Link>
+            <Link to="/#" className="cursor-pointer p-2 md:hover:shadow-md transition md:hover:duration-300 rounded-md">       
+            <div className="item flex space-x-3 items-center">
               {/* image */}
               <div className="w-8 h-8 rounded-full">
                 <svg
-                  width="40"
+                  className="w-[100%]"
-                  height="41"
+                  // width="40"
+                  // height="41"
                   viewBox="0 0 40 41"
                   fill="none"
                   xmlns="http://www.w3.org/2000/svg"
@@ -237,7 +243,7 @@ export default function RightSideBar() {
               </div>
               {/* action */}
             </div>
-
+            </Link>
           </div>
         </div>
       </div>

src/components/Partials/Sidebar.jsx

@@ -168,7 +168,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                       sidebar ? "active flex-1" : "w-0"
                     }`}
                   >
-                   {process.env.REACT_APP_TRACKING}
+                   Tracking
                   </span>
                 </NavLink>
               </li>
@@ -208,7 +208,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                       sidebar ? "active flex-1" : "w-0"
                     }`}
                   >
-                    {process.env.REACT_APP_RESOURCES}
+                    Resources
                   </span>
                 </NavLink>
               </li>

src/components/Reminders/ReminderTable.jsx

@@ -1,43 +1,30 @@
 import React, { useEffect, useState } from "react";
-import { Link } from "react-router-dom";
 import dataImage1 from "../../assets/images/data-table-user-1.png";
 import usersService from "../../services/UsersService";
 import SelectBox from "../Helpers/SelectBox";
 
 export default function ReminderTable({ className }) {
   const [userReminders, setUserReminders] = useState([]);
-  const [selectedCategory, setCategory] = useState(filterCategories[0])
 
+  const api = new usersService();
   useEffect(() => {
     getUserReminders();
   }, []);
-  const api = new usersService();
+
   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 handleSelectCategory = (value) => {
+  const filterCategories = ["All Categories", "Doctors Visit", "Medications"];
-    let newValue = ""
+  const [selectedCategory, setCategory] = useState(filterCategories[0]);
-    if(value == 'All category'){
-      newValue = "All category"
-    }else if(value == 'Exercise/GYM') {
-      newValue = "EXEM"
-    }else if(value == 'Appointment') {
-      newValue = "APPT"
-    }else{
-      newValue = "MEDC"
-    }
-    setCategory(newValue);
-  }
-  // const filterCategories = ["All Categories", "Doctors Visit", "Medications"];
-      const filterCategories = ["All category", "Exercise/GYM", "Appointment", "Medication"];
-
   return (
     <div
       className={`update-table w-full p-8 bg-white dark:bg-dark-white   overflow-hidden rounded-2xl section-shadow min-h-[520px] ${
@@ -51,156 +38,288 @@ export default function ReminderTable({ className }) {
           </h1>
         </div>
         <SelectBox
-          action={handleSelectCategory}
+          action={setCategory}
           datas={filterCategories}
           className="Update-table-dropdown"
           contentBodyClasses="w-auto min-w-max"
         />
       </div>
-      {
+      <div className="relative w-full overflow-x-auto sm:rounded-lg">
-        userReminders.length < 1 ?
-        <div  className="lg:flex justify-center">
-          <div style={{ transform: 'translateY(150px)' }}>
-            <Link
-              to="/add-reminder"
-              className="btn-gradient lg:flex hidden w-[300px] h-[50px] rounded-full text-white justify-center items-center"
-            >
-              0 Reminders Start Reminder
-            </Link>
-          </div>
-        </div>
-        :
-        <div className="relative w-full overflow-x-auto sm:rounded-lg">
         <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
           <tbody>
-            <tr className="text-base text-thin-light-gray whitespace-nowrap border-b dark:border-[#5356fb29]  default-border-bottom ">
+            <tr className="text-base text-thin-light-gray whitespace-nowrap border-b dark:border-[#5356fb29]  default-border-b dark:border-[#5356fb29] ottom ">
               <td className="py-4">Item</td>
               <td className="py-4 text-center">Start</td>
               <td className="py-4 text-center">End</td>
               <td className="py-4 text-center">Reminder</td>
               <td className="py-4 text-right">.</td>
             </tr>
-          
-                {
-                  userReminders.length > 0 && (
-                    selectedCategory == "All category" ? (
-                      userReminders.map((reminder, index) => (
-                      <tr key={index} 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">
-                          <img
-                            src={dataImage1}
-                            alt="data"
-                            className="w-full h-full"
-                          />
-                        </div>
-                        <div className="flex flex-col">
-                          <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
-                          {reminder.description.substring(0,30) + "..."}
-                          </h1>
-                          <span className="text-sm text-thin-light-gray">
-                          
-                            Added <span className="text-purple">{new Date(reminder.added).toLocaleString()}</span>
-                          </span>
-                        </div>
-                      </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">
-                        {new Date(reminder.start_date).toLocaleString()}
-                        </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">
-                        {new Date(reminder.end_date).toLocaleString()}
-                        </span>
-                      </div>
-                    </td>
-                    <td className="text-right py-4 px-2">
-                      <span className="text-base text-thin-light-gray whitespace-nowrap">
-                       {reminder.reminder}
-                      </span>
-                    </td>
-                    <td className="text-right py-4 px-2">
-                      <button
-                        type="button"
-                        className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
-                      >
-                        Edit
-                      </button>
-                    </td>
-                      </tr>
-                      ))
-                    )
-                    :
-                    userReminders.map((reminder, index) => {
-                      if(reminder.category == selectedCategory){
-                        return (
-                          <tr key={index} 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">
-                          <img
-                            src={dataImage1}
-                            alt="data"
-                            className="w-full h-full"
-                          />
-                        </div>
-                        <div className="flex flex-col">
-                          <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
-                          {reminder.description.substring(0,30) + "..."}
-                          </h1>
-                          <span className="text-sm text-thin-light-gray">
-                          
-                            Added <span className="text-purple">{new Date(reminder.added).toLocaleString()}</span>
-                          </span>
-                        </div>
-                      </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">
-                        {new Date(reminder.start_date).toLocaleString()}
-                        </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">
-                        {new Date(reminder.end_date).toLocaleString()}
-                        </span>
-                      </div>
-                    </td>
-                    <td className="text-right py-4 px-2">
-                      <span className="text-base text-thin-light-gray whitespace-nowrap">
-                       {reminder.reminder}
-                      </span>
-                    </td>
-                    <td className="text-right py-4 px-2">
-                      <button
-                        type="button"
-                        className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
-                      >
-                        Edit
-                      </button>
-                    </td>
-                          </tr>
-                        )
-                      }
-                    })
-                  )
-                }
 
+            {selectedCategory === "All Categories" ? (
+
+              <>
+               {userReminders.map((reminders, index) => ( 
+
+                <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">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                        {reminders.description}
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                        
+                          Added <span className="text-purple">{new Date(reminders.added).toLocaleString()}</span>
+                        </span>
+                      </div>
+                    </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">
+                      {new Date(reminders.start_date).toLocaleString()}
+                      </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">
+                      {new Date(reminders.end_date).toLocaleString()}
+                      </span>
+                    </div>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <span className="text-base text-thin-light-gray whitespace-nowrap">
+                     {reminders.reminder}
+                    </span>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <button
+                      type="button"
+                      className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
+                    >
+                      Edit
+                    </button>
+                  </td>
+                </tr>
+              ))}
+                
+              </>
+            
+            ) : selectedCategory === "Doctors Visit" ? (
+              <>
+                <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">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Doctors Testing Appointament
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Added <span className="text-purple">10-10-2025</span>
+                        </span>
+                      </div>
+                    </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">
+                        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">
+                      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">
+                     4
+                    </span>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <button
+                      type="button"
+                      className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
+                    >
+                      Edit
+                    </button>
+                  </td>
+                </tr>
+                <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">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Hospital Testing Appointament
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Added <span className="text-purple">10-10-2025</span>
+                        </span>
+                      </div>
+                    </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">
+                        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">
+                      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">
+                     4
+                    </span>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <button
+                      type="button"
+                      className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
+                    >
+                      Edit
+                    </button>
+                  </td>
+                </tr>
+              </>
+            ) : (
+              <>
+                <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">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Pizza Testing Appointament
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Added <span className="text-purple">10-10-2025</span>
+                        </span>
+                      </div>
+                    </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">
+                        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">
+                      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">
+                     4
+                    </span>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <button
+                      type="button"
+                      className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
+                    >
+                      Edit
+                    </button>
+                  </td>
+                </tr>
+                <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">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Pizza Testing Appointament
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Added <span className="text-purple">10-10-2025</span>
+                        </span>
+                      </div>
+                    </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">
+                        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">
+                      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">
+                     4
+                    </span>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <button
+                      type="button"
+                      className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
+                    >
+                      Edit
+                    </button>
+                  </td>
+                </tr>
+              </>
+            )}
           </tbody>
         </table>
       </div>
-      }
     </div>
-  )
+  );
-}
+}

src/index.css

@@ -670,38 +670,3 @@ TODO: Responsive ===========================
     @apply mb-2;
   }
 }
-
-/* Calendar */
-.react-calendar{
-  width: 100%;
-  min-height: 23.2rem;
-  border-radius: 7px !important;
-}
-
-.react-calendar__navigation{
-  margin-top: 2px;
-  margin-inline: 2px;
-}
-
-.react-calendar__navigation button:enabled:hover,
-.react-calendar__navigation button:enabled:focus{
-  @apply rounded-full transition duration-500
-}
-
-.react-calendar__month-view__days{
-  display: grid !important;
-  grid-template-columns: repeat(7, 1fr);
-}
-
-.react-calendar__month-view__weekdays__weekday abbr:where([title]){
-  text-decoration: none !important;
-  cursor: default;
-}
-
-.react-calendar__tile{
-  border: 1px solid #cfd7e3 !important;
-  border-left: 0;
-  text-align: right;
-  height: 4.813rem !important;
-  transition: all 500ms;
-}

src/services/UsersService.js

@@ -6,17 +6,18 @@ class usersService {
     }
 
     logInUser(reqData) {
+       // debugger;
+        /*
+        clean up the request data here
+         */
         localStorage.setItem("session_token", ``);
         return this.postAuxEnd("/login", reqData);
     }
 
-    getUserReminders(){
-        var reqData = {
-            member_id: localStorage.getItem("member_id")
-        };
-        return this.getAuxEnd("/reminders", reqData);
-    }
 
+    getUserReminders(){
+        return this.getAuxEnd("/reminders", null);
+    }
     //----------------------------------------  -----
     //----------------------------------------  -----
     // Unified call below
@@ -33,9 +34,11 @@ class usersService {
             }
         };
         const endPoint = process.env.REACT_APP_USERS_ENDPOINT + uri;
-        return Axios.get(endPoint,axiosConfig,reqData)
+        return Axios.get(endPoint,axiosConfig)
             .then((response) => {
-                 console.log("~~~~~~~ Toks2 GET ~~~~~~~~");
+                // console.log(response);
+                // res = response;
+                // console.log("~~~~~~~ Toks2 GET ~~~~~~~~");
                 return response;
             })
             .catch((error) => {
@@ -55,15 +58,20 @@ class usersService {
 
     postAuxEnd(uri, reqData) {
         const endPoint = process.env.REACT_APP_USERS_ENDPOINT + uri;
-        const session_token = localStorage.getItem("session_token");
+        const token = '..your token..'
         let axiosConfig = {
             headers: {
                 'Accept': 'application/json',
                 'Access-Control-Allow-Origin': '*',
                 'Content-Type': 'application/json;charset=UTF-8',
-                'Authorization': `Basic ${session_token}`,
+                'Authorization': `Basic ${token}`,
             }
         };
+        //Access-Control-Allow-Origin
+        var postData = {
+            email: "test@test.com",
+            password: "password"
+        };
       //  Axios.defaults.headers.post['Content-Type'] ='application/json;charset=utf-8';
       //  Axios.defaults.headers.post['Access-Control-Allow-Origin'] = '*'; //,axiosConfig
         return Axios.post(endPoint, reqData)