From ee19b914d95daf047c471d443bf7ef99e1de712e Mon Sep 17 00:00:00 2001
From: Tharindu Jayawardhana <tharinduimalka915@gmail.com>
Date: Sun, 9 Jun 2024 16:25:30 +0530
Subject: [PATCH 1/9] fixed item update endpoint

---
 src/features/items-management/services/ItemUpdateService.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/features/items-management/services/ItemUpdateService.tsx b/src/features/items-management/services/ItemUpdateService.tsx
index 63871fe..2f6cf06 100644
--- a/src/features/items-management/services/ItemUpdateService.tsx
+++ b/src/features/items-management/services/ItemUpdateService.tsx
@@ -47,7 +47,8 @@ const useItemUpdateService = () => {
   const navigate = useNavigate();
   const fetchItemById = async (id: number) => {
     try {
-      const res = await http.get(`/item/get-item-details-by-id/${id}`);
+      const res = await http.get(`/item/get-item-all-details-by-id-old/${id}`);
+      console.log(res);
       const data = mapResponseToItemDTO(res.data);
       console.log(data);
       console.log('data', data);

From aafbbd16df90f668011f94eec1742f88553e5f18 Mon Sep 17 00:00:00 2001
From: Tharindu Jayawardhana <tharinduimalka915@gmail.com>
Date: Sun, 9 Jun 2024 16:49:04 +0530
Subject: [PATCH 2/9] fixed the order fetching functinality

---
 .../services/OrderManagementService.tsx               | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/features/order-management/services/OrderManagementService.tsx b/src/features/order-management/services/OrderManagementService.tsx
index 3fbbbb6..5dd76b3 100644
--- a/src/features/order-management/services/OrderManagementService.tsx
+++ b/src/features/order-management/services/OrderManagementService.tsx
@@ -2,22 +2,23 @@ import { useState } from 'react';
 import useAxiosInstance from '../../login/services/useAxiosInstance';
 import { Order } from '../interfaces/OrderDetails';
 import { filterOrdersByBranch } from '../utils/filterUtils';
+import { useUserContext } from '../../../context/UserContext';
 
 const useOrderManagementService = () => {
   const [loading, setLoading] = useState(false);
   const http = useAxiosInstance();
   const [orderData, setOrderData] = useState<Order[]>();
   const [filteredOrderData, setFilteredOrderData] = useState<Order[]>();
+  const user = useUserContext();
   const fetchOrderData = async () => {
     try {
       setLoading(true);
-      const res = await http.get('/order/getAllOrdersWithDetails');
+      const res = await http.get(
+        `/order/getOrderWithDetailsByBranchId/${user.user?.branchId}`
+      );
       console.log(res.data.data);
       setOrderData(res.data.data);
-      const filtered = orderData?.filter((order) => {
-        filterOrdersByBranch(order, '3');
-      });
-      setFilteredOrderData(filtered);
+      setFilteredOrderData(res.data.data);
     } catch (error) {
       console.log(error);
     } finally {

From 99266c77101a7835b390457cea114531dd86d212 Mon Sep 17 00:00:00 2001
From: Tharindu Jayawardhana <tharinduimalka915@gmail.com>
Date: Sun, 9 Jun 2024 17:12:58 +0530
Subject: [PATCH 3/9] order fetching and filtering done

---
 .../components/items/ItemsManagementWindow.tsx              | 6 +++---
 src/features/manager-dashboard/layout/MainDashboard.tsx     | 2 +-
 .../order-management/layouts/OrderManagementWindow.tsx      | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/features/manager-dashboard/components/items/ItemsManagementWindow.tsx b/src/features/manager-dashboard/components/items/ItemsManagementWindow.tsx
index 98197fb..1e03e22 100644
--- a/src/features/manager-dashboard/components/items/ItemsManagementWindow.tsx
+++ b/src/features/manager-dashboard/components/items/ItemsManagementWindow.tsx
@@ -36,7 +36,7 @@ const ItemsManagementWindow = () => {
   ).toFixed(2);
 
   return (
-    <div className='flex flex-col' data-testid='items-management-window'>
+    <div className=' flex flex-col' data-testid='items-management-window'>
       {/* buttons */}
 
       {/* Summary Cards */}
@@ -82,9 +82,9 @@ const ItemsManagementWindow = () => {
           onChange={(e) => handleSearch(e.target.value)}
         />
       </div>
-      <div className='overflow-y-auto max-h-[500px]'>
+      <div className='overflow-y-auto max-h-[450px]'>
         <div className='relative'>
-          <table className='w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400'>
+          <table className='w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400 '>
             <thead className='text-xs uppercase bg-slate-300 sticky top-0'>
               <tr>
                 <th scope='col' className='px-6 py-3'>
diff --git a/src/features/manager-dashboard/layout/MainDashboard.tsx b/src/features/manager-dashboard/layout/MainDashboard.tsx
index 5f43b3c..2a209cc 100644
--- a/src/features/manager-dashboard/layout/MainDashboard.tsx
+++ b/src/features/manager-dashboard/layout/MainDashboard.tsx
@@ -45,7 +45,7 @@ const MainDashboard = () => {
       <ManagerNavbar />
       <div className='flex flex-row'>
         <ManagerSidebar onItemClick={handleItemClick} />
-        <div className='flex flex-col w-full p-4 font-poppins'>
+        <div className='flex flex-col w-full p-4 font-poppins scroll-mb-8'>
           {renderSelectedItem()}
         </div>
       </div>
diff --git a/src/features/order-management/layouts/OrderManagementWindow.tsx b/src/features/order-management/layouts/OrderManagementWindow.tsx
index 870ec0d..e7743fd 100644
--- a/src/features/order-management/layouts/OrderManagementWindow.tsx
+++ b/src/features/order-management/layouts/OrderManagementWindow.tsx
@@ -45,7 +45,7 @@ function OrderManagementWindow({}: Props) {
   };
 
   return (
-    <div className='max-h-screen overflow-y-scroll'>
+    <div className='max-h-screen overflow-y-scroll pb-36'>
       <div className='bg-white flex flex-wrap items-center space-x-4 justify-between'>
         <div className='flex items-center'>
           <label htmlFor='startDate' className='mb-1'>

From e3003e1944133c25be868e98a9ee0b3e8aae366f Mon Sep 17 00:00:00 2001
From: Tharindu Jayawardhana <tharinduimalka915@gmail.com>
Date: Sun, 9 Jun 2024 18:37:17 +0530
Subject: [PATCH 4/9] manager logout is done

---
 .../components/sidebar/ManagerSidebar.tsx     | 14 ++++++-
 .../services/AuthService.tsx                  | 38 +++++++++++++++++++
 2 files changed, 51 insertions(+), 1 deletion(-)
 create mode 100644 src/features/manager-dashboard/services/AuthService.tsx

diff --git a/src/features/manager-dashboard/components/sidebar/ManagerSidebar.tsx b/src/features/manager-dashboard/components/sidebar/ManagerSidebar.tsx
index 08157d3..bbeb50f 100644
--- a/src/features/manager-dashboard/components/sidebar/ManagerSidebar.tsx
+++ b/src/features/manager-dashboard/components/sidebar/ManagerSidebar.tsx
@@ -6,15 +6,18 @@ import { FaRegKeyboard } from 'react-icons/fa';
 import { PiNoteLight } from 'react-icons/pi';
 import { RxDashboard } from 'react-icons/rx';
 import { AiOutlineBranches } from 'react-icons/ai';
+import { RiLogoutCircleLine } from 'react-icons/ri'; // Import the logout icon
+import useAuthService from '../../services/AuthService';
 
 type Props = {
   onItemClick: (itemName: string) => void;
 };
 
 const ManagerSidebar = ({ onItemClick }: Props) => {
+  const { logOut, logging } = useAuthService();
   return (
     <div
-      className='left-0 max-w-24 p-4 font-poppins flex flex-col'
+      className='left-0 max-w-24 p-4 font-poppins flex flex-col relative'
       data-testid='cypress-manager-sidebar'
     >
       <ButtonWithIconAndTextVertical
@@ -59,6 +62,15 @@ const ManagerSidebar = ({ onItemClick }: Props) => {
         onClick={() => onItemClick('Orders')}
         testid='orders'
       />
+      {/* Logout Button */}
+      <div className='absolute bottom-4 left-auto w-full'>
+        <ButtonWithIconAndTextVertical
+          icon={<RiLogoutCircleLine size={25} />} // Use the logout icon
+          text='Logout'
+          onClick={logOut} // Implement logout functionality here
+          testid='logout'
+        />
+      </div>
     </div>
   );
 };
diff --git a/src/features/manager-dashboard/services/AuthService.tsx b/src/features/manager-dashboard/services/AuthService.tsx
new file mode 100644
index 0000000..6d180ae
--- /dev/null
+++ b/src/features/manager-dashboard/services/AuthService.tsx
@@ -0,0 +1,38 @@
+import { useNavigate } from 'react-router-dom';
+import { useUserContext } from '../../../context/UserContext';
+import useAxiosInstance from '../../login/services/useAxiosInstance';
+import { toast } from 'react-toastify';
+import { useState } from 'react';
+
+const useAuthService = () => {
+  const http = useAxiosInstance();
+  const user = useUserContext();
+  const navigate = useNavigate();
+  const [logging, setLogging] = useState<boolean>();
+
+  const logOut = async () => {
+    // Prompt for confirmation before logging out
+    const confirmed = window.confirm('Are you sure you want to log out?');
+    if (!confirmed) return; // If user cancels logout, do nothing
+
+    try {
+      setLogging(true);
+      const res = await http.post('session/logout/permanent', {
+        user: user.user?.employerEmail,
+      });
+
+      if (res.status === 200) {
+        toast.success('Successfully logged out');
+        navigate('/');
+      }
+    } catch (error) {
+      console.log(error);
+    } finally {
+      setLogging(false);
+    }
+  };
+
+  return { logOut, logging };
+};
+
+export default useAuthService;

From cbcab2ece0ced0bdb581a44b81c4136ec554595b Mon Sep 17 00:00:00 2001
From: Tharindu Jayawardhana <tharinduimalka915@gmail.com>
Date: Sun, 9 Jun 2024 19:22:54 +0530
Subject: [PATCH 5/9] cashier logout done

---
 .../components/sidebar/CashierSideBar.tsx     | 14 ++++++-
 .../services/AuthService.tsx                  | 41 +++++++++++++++++++
 .../components/sidebar/ManagerSidebar.tsx     |  2 +-
 3 files changed, 55 insertions(+), 2 deletions(-)
 create mode 100644 src/features/cashier-dashboard/services/AuthService.tsx

diff --git a/src/features/cashier-dashboard/components/sidebar/CashierSideBar.tsx b/src/features/cashier-dashboard/components/sidebar/CashierSideBar.tsx
index 87c108b..326e69f 100644
--- a/src/features/cashier-dashboard/components/sidebar/CashierSideBar.tsx
+++ b/src/features/cashier-dashboard/components/sidebar/CashierSideBar.tsx
@@ -6,6 +6,8 @@ import { IoIosFitness } from 'react-icons/io';
 import { PiFirstAidKit } from 'react-icons/pi';
 import { CiMedicalClipboard } from 'react-icons/ci';
 import ButtonWithIconAndTextVertical from '../../../../shared/buttons/ButtonWithIconAndTextVertical';
+import { RiLogoutCircleLine } from 'react-icons/ri';
+import useAuthService from '../../services/AuthService';
 
 type Props = {
   //pass setactivetable
@@ -13,8 +15,9 @@ type Props = {
 };
 
 const CashierSideBar = (props: Props) => {
+  const { logOutCashier, logging } = useAuthService();
   return (
-    <div className='left-0 max-w-24 p-4 font-poppins flex flex-col'>
+    <div className='left-0 max-w-24 p-4 font-poppins flex flex-col relative'>
       <ButtonWithIconAndTextVertical
         icon={<PiSyringeLight size={25} />}
         text='Medical Devices'
@@ -51,6 +54,15 @@ const CashierSideBar = (props: Props) => {
         onClick={() => props.setActiveTable('nutrition')}
         testid='nutrition'
       />
+
+      <div className='absolute bottom-4 left-auto w-full'>
+        <ButtonWithIconAndTextVertical
+          icon={<RiLogoutCircleLine size={25} />} // Use the logout icon
+          text={logging ? 'Logging out' : 'LogOut'}
+          onClick={logOutCashier} // Implement logout functionality here
+          testid='logout'
+        />
+      </div>
     </div>
   );
 };
diff --git a/src/features/cashier-dashboard/services/AuthService.tsx b/src/features/cashier-dashboard/services/AuthService.tsx
new file mode 100644
index 0000000..a5f88d6
--- /dev/null
+++ b/src/features/cashier-dashboard/services/AuthService.tsx
@@ -0,0 +1,41 @@
+import { useState } from 'react';
+import { useUserContext } from '../../../context/UserContext';
+import useAxiosInstance from '../../login/services/useAxiosInstance';
+import { toast } from 'react-toastify';
+import { useNavigate } from 'react-router-dom';
+
+const useAuthService = () => {
+  const user = useUserContext();
+  const http = useAxiosInstance();
+  const [logging, setLogging] = useState<boolean>();
+  const navigate = useNavigate();
+
+  const logOutCashier = async () => {
+    const confirm = window.confirm('Are you sure log out ?');
+
+    if (confirm) {
+      try {
+        setLogging(true);
+        const res = await http.post('/session/logout/permanent', {
+          username: user.user?.employerEmail,
+        });
+
+        if (res.status === 200) {
+          toast.success('Logged out successfully');
+          navigate('/');
+        }
+      } catch (error) {
+        console.log(error);
+      } finally {
+        setLogging(false);
+      }
+    }
+  };
+
+  return {
+    logOutCashier,
+    logging,
+  };
+};
+
+export default useAuthService;
diff --git a/src/features/manager-dashboard/components/sidebar/ManagerSidebar.tsx b/src/features/manager-dashboard/components/sidebar/ManagerSidebar.tsx
index bbeb50f..f0d0211 100644
--- a/src/features/manager-dashboard/components/sidebar/ManagerSidebar.tsx
+++ b/src/features/manager-dashboard/components/sidebar/ManagerSidebar.tsx
@@ -66,7 +66,7 @@ const ManagerSidebar = ({ onItemClick }: Props) => {
       <div className='absolute bottom-4 left-auto w-full'>
         <ButtonWithIconAndTextVertical
           icon={<RiLogoutCircleLine size={25} />} // Use the logout icon
-          text='Logout'
+          text={logging ? 'Logging Out' : 'LogOut'}
           onClick={logOut} // Implement logout functionality here
           testid='logout'
         />

From 5da115736a42e9b1947a587eefeef94529845fc1 Mon Sep 17 00:00:00 2001
From: Tharindu Jayawardhana <tharinduimalka915@gmail.com>
Date: Sun, 9 Jun 2024 19:23:47 +0530
Subject: [PATCH 6/9] code

---
 src/features/cashier-dashboard/index.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/features/cashier-dashboard/index.tsx b/src/features/cashier-dashboard/index.tsx
index cb0ff5c..9d33b1f 100644
--- a/src/features/cashier-dashboard/index.tsx
+++ b/src/features/cashier-dashboard/index.tsx
@@ -1 +1,4 @@
 export {};
+//
+//
+//

From 1100eb197f362b1dbf9c56781e8ae05f0169482f Mon Sep 17 00:00:00 2001
From: Tharindu Jayawardhana <tharinduimalka915@gmail.com>
Date: Sun, 9 Jun 2024 20:54:07 +0530
Subject: [PATCH 7/9] temporary logout added

---
 src/App.tsx                                   |  5 +---
 .../components/sidebar/CashierSideBar.tsx     | 20 ++++++++++-----
 .../services/AuthService.tsx                  | 25 +++++++++++++++++++
 3 files changed, 40 insertions(+), 10 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index cc02ec1..e7eea77 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -10,10 +10,7 @@ import {
   ViewCashier,
 } from './features/cashier-management';
 import ErrorRoutePage from './pages/error-route-page';
-import {
-  AddItems,
-  UpdateItems,
-} from './features/items-management';
+import { AddItems, UpdateItems } from './features/items-management';
 import MainDashboard from './features/manager-dashboard';
 import { useUserContext } from './context/UserContext';
 import ViewItem from './features/items-management/layout/ViewItem';
diff --git a/src/features/cashier-dashboard/components/sidebar/CashierSideBar.tsx b/src/features/cashier-dashboard/components/sidebar/CashierSideBar.tsx
index 326e69f..e6a3309 100644
--- a/src/features/cashier-dashboard/components/sidebar/CashierSideBar.tsx
+++ b/src/features/cashier-dashboard/components/sidebar/CashierSideBar.tsx
@@ -8,6 +8,7 @@ import { CiMedicalClipboard } from 'react-icons/ci';
 import ButtonWithIconAndTextVertical from '../../../../shared/buttons/ButtonWithIconAndTextVertical';
 import { RiLogoutCircleLine } from 'react-icons/ri';
 import useAuthService from '../../services/AuthService';
+import { BiTimeFive } from 'react-icons/bi';
 
 type Props = {
   //pass setactivetable
@@ -15,7 +16,8 @@ type Props = {
 };
 
 const CashierSideBar = (props: Props) => {
-  const { logOutCashier, logging } = useAuthService();
+  const { logOutCashier, logging, temporaryLogOutCashier, temporayLogout } =
+    useAuthService();
   return (
     <div className='left-0 max-w-24 p-4 font-poppins flex flex-col relative'>
       <ButtonWithIconAndTextVertical
@@ -55,12 +57,18 @@ const CashierSideBar = (props: Props) => {
         testid='nutrition'
       />
 
-      <div className='absolute bottom-4 left-auto w-full'>
+      <div className='absolute bottom-4 right-4'>
         <ButtonWithIconAndTextVertical
-          icon={<RiLogoutCircleLine size={25} />} // Use the logout icon
-          text={logging ? 'Logging out' : 'LogOut'}
-          onClick={logOutCashier} // Implement logout functionality here
-          testid='logout'
+          icon={<BiTimeFive size={25} />}
+          text={temporayLogout ? 'Wait ...' : 'Temoprary LogOut'}
+          onClick={temporaryLogOutCashier}
+          testid='test'
+        />
+        <ButtonWithIconAndTextVertical
+          icon={<RiLogoutCircleLine size={25} />}
+          text={logging ? 'Wait ...' : 'LogOut'}
+          onClick={logOutCashier}
+          testid='testtemporary'
         />
       </div>
     </div>
diff --git a/src/features/cashier-dashboard/services/AuthService.tsx b/src/features/cashier-dashboard/services/AuthService.tsx
index a5f88d6..3ca988e 100644
--- a/src/features/cashier-dashboard/services/AuthService.tsx
+++ b/src/features/cashier-dashboard/services/AuthService.tsx
@@ -32,9 +32,34 @@ const useAuthService = () => {
     }
   };
 
+  const [temporayLogout, setTemporaryLogout] = useState<boolean>();
+  const temporaryLogOutCashier = async () => {
+    const confirm = window.confirm('Are you sure log out ?');
+
+    if (confirm) {
+      try {
+        setTemporaryLogout(true);
+        const res = await http.post('/session/logout/temporary', {
+          username: user.user?.employerEmail,
+        });
+
+        if (res.status === 200) {
+          toast.success('Logged out successfully');
+          navigate('/temporary-logout');
+        }
+      } catch (error) {
+        console.log(error);
+      } finally {
+        setTemporaryLogout(false);
+      }
+    }
+  };
+
   return {
     logOutCashier,
     logging,
+    temporaryLogOutCashier,
+    temporayLogout,
   };
 };
 

From df456ca2cafec52acbc81e4065891668d1e7fbeb Mon Sep 17 00:00:00 2001
From: Tharindu Jayawardhana <tharinduimalka915@gmail.com>
Date: Sun, 9 Jun 2024 22:28:33 +0530
Subject: [PATCH 8/9] authentication flow is done

---
 .../login/components/RecentCashier.tsx        | 10 ++-
 src/features/login/services/AuthService.tsx   |  4 +-
 src/pages/cashier-password-page.tsx           | 17 +++--
 src/pages/temporary-logout-page.tsx           |  1 +
 src/services/AuthenticationService.tsx        | 69 +++++++++++++++++++
 5 files changed, 91 insertions(+), 10 deletions(-)
 create mode 100644 src/services/AuthenticationService.tsx

diff --git a/src/features/login/components/RecentCashier.tsx b/src/features/login/components/RecentCashier.tsx
index 2a6f9be..be96f05 100644
--- a/src/features/login/components/RecentCashier.tsx
+++ b/src/features/login/components/RecentCashier.tsx
@@ -1,8 +1,11 @@
 import React from 'react';
+import { useUserContext } from '../../../context/UserContext';
 
 type Props = {};
 
 const RecentCashier = (props: Props) => {
+  const user = useUserContext();
+
   return (
     <div className='flex items-center justify-center space-x-4 m-8 p-8'>
       {/* Image */}
@@ -15,9 +18,12 @@ const RecentCashier = (props: Props) => {
       </div>
       {/* Details */}
       <div>
-        <p className='font-bold text-3xl'>Cashier-001</p>
+        <p className='font-bold text-3xl'>Cashier-{user.user?.employerId}</p>
         <p className='text-lg'>
-          Logged in as - <span className='font-bold'>Ruwani Manchanayaka</span>
+          Logged in as -{' '}
+          <span className='font-bold'>
+            {user.user?.employerFirstName} {user.user?.employerLastName}
+          </span>
         </p>
       </div>
     </div>
diff --git a/src/features/login/services/AuthService.tsx b/src/features/login/services/AuthService.tsx
index 8e21eec..04841a9 100644
--- a/src/features/login/services/AuthService.tsx
+++ b/src/features/login/services/AuthService.tsx
@@ -6,7 +6,7 @@ import useAxiosInstance from './useAxiosInstance';
 
 const useSignIn = () => {
   const [loading, setLoading] = useState(false);
-  const { setCookie } = useUserContext(); // Assuming you have a setUser function in your context for setting user data
+  const { setCookie, setUser } = useUserContext(); // Assuming you have a setUser function in your context for setting user data
   const http = useAxiosInstance();
 
   const signIn = async (
@@ -29,7 +29,9 @@ const useSignIn = () => {
         const employee = mapEmployeeReponseToIEmployee(
           res.data.employerDetails
         );
+
         console.log(employee);
+        localStorage.setItem('user', JSON.stringify(employee));
 
         // Set user data or store cookie if needed
         setCookie(res.data.authenticationResponse.access_token);
diff --git a/src/pages/cashier-password-page.tsx b/src/pages/cashier-password-page.tsx
index 6287de6..14c786d 100644
--- a/src/pages/cashier-password-page.tsx
+++ b/src/pages/cashier-password-page.tsx
@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import RecentLogBar from '../features/login/components/RecentLogBar';
 import NumberPad from '../shared/cashier_login_numberpad/NumberPad';
 import { useNavigate } from 'react-router-dom';
+import useAuthenticationService from '../services/AuthenticationService';
 
 const LogInCashierPasswordPage = () => {
   const navigate = useNavigate();
@@ -16,9 +17,8 @@ const LogInCashierPasswordPage = () => {
       setPin((prevPin) => prevPin + key);
     }
   };
-  const navigateToCashierDashBoard = () => {
-    navigate('/cashier-dashboard');
-  };
+  const { logInUsingPin, log, logOut, logging } = useAuthenticationService();
+
   return (
     <div className='flex items-center justify-center flex-col h-screen space-y-4'>
       <RecentLogBar />
@@ -36,12 +36,15 @@ const LogInCashierPasswordPage = () => {
       </div>
       <button
         className='signup_button w-64 border border-solid border-blueDarker rounded-full'
-        onClick={navigateToCashierDashBoard}
+        onClick={() => logInUsingPin(pin)}
       >
-        Unlock
+        {log ? 'Wait ...' : 'Unlock'}
       </button>
-      <button className='login_button text-center w-64 border border-solid border-blueDarker'>
-        LogIn / LogOut
+      <button
+        className='login_button text-center w-64 border border-solid border-blueDarker'
+        onClick={logOut}
+      >
+        {logging ? 'Wait...' : 'LogOut'}
       </button>
     </div>
   );
diff --git a/src/pages/temporary-logout-page.tsx b/src/pages/temporary-logout-page.tsx
index 3e98b44..cf3b388 100644
--- a/src/pages/temporary-logout-page.tsx
+++ b/src/pages/temporary-logout-page.tsx
@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import DateAndClock from '../shared/clock/DateAndClock';
 import RecentCashier from '../features/login/components/RecentCashier';
 import { useNavigate } from 'react-router-dom';
+import { useUserContext } from '../context/UserContext';
 
 type Props = {};
 
diff --git a/src/services/AuthenticationService.tsx b/src/services/AuthenticationService.tsx
new file mode 100644
index 0000000..836e5df
--- /dev/null
+++ b/src/services/AuthenticationService.tsx
@@ -0,0 +1,69 @@
+import { toast } from 'react-toastify';
+import { useUserContext } from '../context/UserContext';
+import useAxiosInstance from '../features/login/services/useAxiosInstance';
+import { useNavigate } from 'react-router-dom';
+import { useState } from 'react';
+
+const useAuthenticationService = () => {
+  const user = useUserContext();
+  const navigate = useNavigate();
+  const [log, setLog] = useState<boolean>();
+  const http = useAxiosInstance();
+
+  const logInUsingPin = async (pin: string) => {
+    try {
+      setLog(true);
+      console.log(user.user?.employerEmail);
+      console.log(pin);
+      const res = await http.post('/session/authenticate/cached', {
+        username: user.user?.employerEmail,
+        pin: parseInt(pin),
+      });
+      console.log(res);
+      if (res.status === 200) {
+        toast.success('Successfully authenticated');
+        navigate('/cashier-dashboard');
+      } else {
+        toast.error('Authentication failed');
+      }
+    } catch (error) {
+      console.log(error);
+      toast.error('Authentication failed');
+    } finally {
+      setLog(false);
+    }
+  };
+
+  const [logging, setLogging] = useState<boolean>();
+
+  const logOut = async () => {
+    // Prompt for confirmation before logging out
+    const confirmed = window.confirm('Are you sure you want to log out?');
+    if (!confirmed) return; // If user cancels logout, do nothing
+
+    try {
+      setLogging(true);
+      const res = await http.post('session/logout/permanent', {
+        user: user.user?.employerEmail,
+      });
+
+      if (res.status === 200) {
+        toast.success('Successfully logged out');
+        navigate('/');
+      }
+    } catch (error) {
+      console.log(error);
+    } finally {
+      setLogging(false);
+    }
+  };
+
+  return {
+    logInUsingPin,
+    log,
+    logOut,
+    logging
+  };
+};
+
+export default useAuthenticationService;

From 32f8372a9c916dd227298388f9cab60564cc7da0 Mon Sep 17 00:00:00 2001
From: Tharindu Jayawardhana <tharinduimalka915@gmail.com>
Date: Sun, 9 Jun 2024 22:59:30 +0530
Subject: [PATCH 9/9] completed the authentication flow with remove user as
 well

---
 src/features/cashier-dashboard/services/AuthService.tsx | 2 ++
 src/features/manager-dashboard/services/AuthService.tsx | 2 ++
 src/pages/cashier-password-page.tsx                     | 1 +
 3 files changed, 5 insertions(+)

diff --git a/src/features/cashier-dashboard/services/AuthService.tsx b/src/features/cashier-dashboard/services/AuthService.tsx
index 3ca988e..504bc55 100644
--- a/src/features/cashier-dashboard/services/AuthService.tsx
+++ b/src/features/cashier-dashboard/services/AuthService.tsx
@@ -23,6 +23,8 @@ const useAuthService = () => {
         if (res.status === 200) {
           toast.success('Logged out successfully');
           navigate('/');
+          // Remove user data from local storage
+          localStorage.removeItem('user');
         }
       } catch (error) {
         console.log(error);
diff --git a/src/features/manager-dashboard/services/AuthService.tsx b/src/features/manager-dashboard/services/AuthService.tsx
index 6d180ae..b25fc3b 100644
--- a/src/features/manager-dashboard/services/AuthService.tsx
+++ b/src/features/manager-dashboard/services/AuthService.tsx
@@ -24,6 +24,8 @@ const useAuthService = () => {
       if (res.status === 200) {
         toast.success('Successfully logged out');
         navigate('/');
+        // Remove user data from local storage
+        localStorage.removeItem('user');
       }
     } catch (error) {
       console.log(error);
diff --git a/src/pages/cashier-password-page.tsx b/src/pages/cashier-password-page.tsx
index 14c786d..10462e3 100644
--- a/src/pages/cashier-password-page.tsx
+++ b/src/pages/cashier-password-page.tsx
@@ -51,3 +51,4 @@ const LogInCashierPasswordPage = () => {
 };
 
 export default LogInCashierPasswordPage;
+//