added method for download report

packages/client/src/pages/PortalSettings/categories/security/sessions/index.js

@@ -102,6 +102,8 @@ const Sessions = ({
   onClickLogoutAllExceptThis,
   onClickRemoveSession,
   updateUserStatus,
+  getLoginHistoryReport,
+  isLoadingDownloadReport,
   isSessionsLoaded,
 }) => {
   useEffect(() => {
@@ -174,8 +176,8 @@ const Sessions = ({
           label={t("DownloadReportBtnText")}
           size="normal"
           minwidth="auto"
-          onClick={() => console.log("get report")}
+          onClick={() => getLoginHistoryReport()}
-          isLoading={false}
+          isLoading={isLoadingDownloadReport}
         />
         <span className="download-report_description">
           {t("DownloadReportDescription")}
@@ -250,6 +252,8 @@ export default inject(({ settingsStore, setup, peopleStore }) => {
     setDisableDialogVisible,
     setLogoutDialogVisible,
     setLogoutAllDialogVisible,
+    getLoginHistoryReport,
+    isLoadingDownloadReport,
   } = setup;
 
   return {
@@ -279,6 +283,8 @@ export default inject(({ settingsStore, setup, peopleStore }) => {
     onClickLogoutAllExceptThis,
     onClickRemoveSession,
     updateUserStatus,
+    getLoginHistoryReport,
+    isLoadingDownloadReport,
     isSessionsLoaded: allSessions.length > 0,
   };
 })(

packages/client/src/store/SettingsSetupStore.js

@@ -434,9 +434,16 @@ class SettingsSetupStore {
   };
 
   getLoginHistoryReport = async () => {
+    try {
+      this.setIsLoadingDownloadReport(true);
       const res = await api.settings.getLoginHistoryReport();
       setTimeout(() => window.open(res), 100); //hack for ios
       return this.setAuditTrailReport(res);
+    } catch (error) {
+      console.log(error);
+    } finally {
+      this.setIsLoadingDownloadReport(false);
+    }
   };
 
   getAuditTrailReport = async () => {