From 15f985f8b5f71014654fc133cb90cc17abf9b273 Mon Sep 17 00:00:00 2001
From: James Kiger <james.kiger@gmail.com>
Date: Mon, 20 Jan 2025 12:54:54 -0500
Subject: [PATCH] Put logout all button back in security settings.

---
 .../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>