From d7e1fa7ccb8841817e74ea425973bd0c9afcf32b Mon Sep 17 00:00:00 2001 From: victorAnumudu Date: Sun, 5 Feb 2023 00:15:40 +0100 Subject: [PATCH] implemented user login history --- .../Settings/Tabs/LoginActivityTab.jsx | 227 ++++++++---------- src/services/UsersService.js | 7 + 2 files changed, 105 insertions(+), 129 deletions(-) diff --git a/src/components/Settings/Tabs/LoginActivityTab.jsx b/src/components/Settings/Tabs/LoginActivityTab.jsx index afd9cd1..0573562 100755 --- a/src/components/Settings/Tabs/LoginActivityTab.jsx +++ b/src/components/Settings/Tabs/LoginActivityTab.jsx @@ -1,146 +1,115 @@ -import React from "react"; +import React, { useState, useEffect } from "react"; import Icons from "../../Helpers/Icons"; +import usersService from "../../../services/UsersService"; export default function LoginActivityTab() { + const api = new usersService(); + + const [userHistory, setUserHistory] = useState([]) // State for user login history + + //page loading status + const [isLoading, setIsloading] = useState({ + status: true, + message: 'loading' + }) + + + const getUserLoginHistory = async () => { + try { + const res = await api.getUserLoginHistory(); + console.log(res.status == 200) + if(res.status != 200){ + setIsloading({ + status: false, + message: `Couldn't get user history, try again` + }) + return + } + if(res.status == 200 && res.data.loginhx.length < 1){ + setIsloading({ + status: false, + message: `No User History found` + }) + return + } + setUserHistory(res.data.loginhx); + setIsloading({ + status: false, + message: `` + }) + } catch(error) { + setIsloading({ + status: false, + message: `Opps! something went wrong` + }) + } + }; + + useEffect(() => { + getUserLoginHistory(); + }, []); + return (
- + { + isLoading.status == true ? +
+ + Loading... +
+ : +
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + { + userHistory.length > 0 ? + userHistory.map((data, index)=>( + <> + + + + + + + )) + : + <> + + + + + }
Channel Date Location
-
- - Desktop - -
- 		-
- - 10-10-2035 - -
- 		- - 10.0.0.1000 - -
-
- - Desktop - -
- 		-
- - 10-10-2035 - -
- 		- - 10.0.0.1000 - -
-
- - Desktop - -
- 		-
- - 10-10-2035 - -
- 		- - 10.0.0.1000 - -
-
- - Desktop - -
- 		-
- - 10-10-2035 - -
- 		- - 10.0.0.1000 - -
-
- - Desktop - -
- 		-
- - 10-10-2035 - -
- 		- - 10.0.0.1000 - -
-
- - Mobile - -
- 		-
- - 10-10-2035 - -
- 		- - 10.0.0.1000 - -
+
+ + Desktop + {/* {data.channel} */} + +
+ 		+
+ + 10-10-2035 + {/* {data.date} */} + +
+ 		+ + 10.0.0.1000 + {/* {data.location} */} + +
{isLoading.message}
+ }
); -} +} \ No newline at end of file diff --git a/src/services/UsersService.js b/src/services/UsersService.js index feb5bf1..5265509 100644 --- a/src/services/UsersService.js +++ b/src/services/UsersService.js @@ -17,6 +17,13 @@ class usersService { return this.getAuxEnd("/reminders", reqData); } + getUserLoginHistory(){ + var reqData = { + member_id: localStorage.getItem("member_id") + }; + return this.getAuxEnd("/loginhx", reqData); + } + //---------------------------------------- ----- //---------------------------------------- ----- // Unified call below -- 2.34.1