From 4a3868875f4cddc994b471506c0deec4702dfadd Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Tue, 11 Mar 2025 19:21:51 +0100
Subject: [PATCH] inactivity logout added

---
 .env                            |  5 ++++-
 .env.development                |  5 ++++-
 .env.production                 |  5 ++++-
 src/authorization/UserExist.jsx | 38 +++++++++++++++++++++++++++++++++
 src/helpers/debounce.js         | 15 +++++++++++++
 5 files changed, 65 insertions(+), 3 deletions(-)
 create mode 100644 src/helpers/debounce.js

diff --git a/.env b/.env
index 86810db..69b07b1 100644
--- a/.env
+++ b/.env
@@ -14,4 +14,7 @@ VITE_EMAIL_ENDPOINT='fcmbloan@support.com'
 
 #BANK NAME
 VITE_BANK_NAME='First City Monument Bank'
-VITE_BANK_NAME_SHORT='FCMB'
\ No newline at end of file
+VITE_BANK_NAME_SHORT='FCMB'
+
+# Inactivity timeout/logout AT 10MINS
+REACT_APP_TIMEOUT=600000
\ No newline at end of file
diff --git a/.env.development b/.env.development
index b7fc43e..12e2d01 100644
--- a/.env.development
+++ b/.env.development
@@ -14,4 +14,7 @@ VITE_EMAIL_ENDPOINT='fcmbloan@support.com'
 
 #BANK NAME
 VITE_BANK_NAME='First City Monument Bank'
-VITE_BANK_NAME_SHORT='FCMB'
\ No newline at end of file
+VITE_BANK_NAME_SHORT='FCMB'
+
+# Inactivity timeout/logout AT 10MINS
+REACT_APP_TIMEOUT=600000
\ No newline at end of file
diff --git a/.env.production b/.env.production
index 86810db..69b07b1 100644
--- a/.env.production
+++ b/.env.production
@@ -14,4 +14,7 @@ VITE_EMAIL_ENDPOINT='fcmbloan@support.com'
 
 #BANK NAME
 VITE_BANK_NAME='First City Monument Bank'
-VITE_BANK_NAME_SHORT='FCMB'
\ No newline at end of file
+VITE_BANK_NAME_SHORT='FCMB'
+
+# Inactivity timeout/logout AT 10MINS
+REACT_APP_TIMEOUT=600000
\ No newline at end of file
diff --git a/src/authorization/UserExist.jsx b/src/authorization/UserExist.jsx
index 4acb13d..b1c331b 100644
--- a/src/authorization/UserExist.jsx
+++ b/src/authorization/UserExist.jsx
@@ -6,6 +6,7 @@ import DashboardLayout from "../components/layouts/DashboardLayout"
 import PageLoader from "../components/PageLoader"
 import { updateUserDetails } from "../store/UserDetails"
 import RouteLinks from "../RouteLinks"
+import debounceFunction from "../helpers/debounce"
 
 export default function UserExist() {
     const dispatch = useDispatch()
@@ -15,6 +16,43 @@ export default function UserExist() {
 
     const {userDetails} = useSelector((state) => state.userDetails)
 
+    const [lastActivityTime, setLastActivityTime] = useState(Date.now()); // HOLDS THE INITIAL TIME USER LOGS IN
+  
+    // Function to log the user out
+    const logoutUser = () => {
+      localStorage.clear()
+      navigate(RouteLinks.loginPage)
+      window.location.reload()
+    };
+  
+    // Function to reset the activity time
+    const resetTimer = () => {
+      debounceFunction(setLastActivityTime(Date.now()), 1000)
+    };
+
+    useEffect(()=>{
+      const timer = setTimeout(()=>{
+        if(Date.now() - Number(lastActivityTime) >= Number(process.env.REACT_APP_TIMEOUT)){
+          logoutUser()
+        }
+      }, Number(process.env.REACT_APP_TIMEOUT)) //600000
+
+      // Listen for activity events
+      const events = ['mousemove', 'keydown', 'click', 'scroll', 'touchstart'];
+
+      // Adding event listeners
+      events.forEach(event => {
+        window.addEventListener(event, resetTimer);
+      });
+      
+      return () => {
+        clearTimeout(timer)
+        events.forEach(event => {
+          window.removeEventListener(event, resetTimer);
+        })
+      }
+    },[lastActivityTime])
+
     useEffect(()=>{
         const loadUser = (token) =>{
             const userExist = [{name:'dummy'}]
diff --git a/src/helpers/debounce.js b/src/helpers/debounce.js
new file mode 100644
index 0000000..93850d7
--- /dev/null
+++ b/src/helpers/debounce.js
@@ -0,0 +1,15 @@
+function debounceFunction(func, delay) {
+    let timer;
+    
+    return function(...args) {
+        // Clear the previous timer if the function is called before the delay
+        clearTimeout(timer);
+  
+        // Set a new timer to execute the function after the specified delay
+        timer = setTimeout(() => {
+            func(...args);
+        }, delay);
+    };
+  }
+  
+    export default debounceFunction
\ No newline at end of file