From 2043fd1de8cefc6e6eaf0ab4c0429ca74f23dd21 Mon Sep 17 00:00:00 2001
From: James Kiger <68701146+jamesrkiger@users.noreply.github.com>
Date: Wed, 22 Jan 2025 13:58:38 -0500
Subject: [PATCH] feat(accesslogs) display logout all button TASK-859 (#5429)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

### 📣 Summary
Makes previously hidden logout-all button accessible

### 👀 Preview steps
1. Log in on two separate browsers
2. Access security settings page in one browser and press logout all
button
3. See that you are logged out from other browser session
---
 .../accessLogs/accessLogsSection.component.tsx  | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/jsapp/js/account/security/accessLogs/accessLogsSection.component.tsx b/jsapp/js/account/security/accessLogs/accessLogsSection.component.tsx
index eeaed7cde3..f13fee8a44 100644
--- a/jsapp/js/account/security/accessLogs/accessLogsSection.component.tsx
+++ b/jsapp/js/account/security/accessLogs/accessLogsSection.component.tsx
@@ -2,21 +2,21 @@
 import React from 'react';
 
 // Partial components
-// import Button from 'js/components/common/button';
+import Button from 'js/components/common/button';
 import PaginatedQueryUniversalTable from 'js/universalTable/paginatedQueryUniversalTable.component';
 
 // Utilities
 import useAccessLogsQuery, {type AccessLog} from 'js/query/queries/accessLogs.query';
 import {formatTime} from 'js/utils';
-// import sessionStore from 'js/stores/session';
+import sessionStore from 'js/stores/session';
 
 // Styles
 import securityStyles from 'js/account/security/securityRoute.module.scss';
 
 export default function AccessLogsSection() {
-  // function logOutAllSessions() {
-  //   sessionStore.logOutAll();
-  // }
+  function logOutAllSessions() {
+    sessionStore.logOutAll();
+  }
 
   return (
     <>
@@ -24,10 +24,7 @@ export default function AccessLogsSection() {
         <h2 className={securityStyles.securityHeaderText}>
           {t('Recent account activity')}
         </h2>
-
-        {/* TODO: we comment this out until we know how to handle exsiting
-        sessions for the moment of release of the feature. */}
-        {/*<div className={securityStyles.securityHeaderActions}>
+        <div className={securityStyles.securityHeaderActions}>
           <Button
             type='text'
             size='m'
@@ -35,7 +32,7 @@ export default function AccessLogsSection() {
             label={t('Log out of all devices')}
             startIcon='logout'
           />
-        </div>*/}
+        </div>
       </header>
 
       <PaginatedQueryUniversalTable<AccessLog>