From 1813394c95ac4da91fe451a9ad4ba812a0286161 Mon Sep 17 00:00:00 2001
From: Manuel Zedel <manuel.zedel@northern.tech>
Date: Thu, 27 Jun 2024 16:08:41 +0200
Subject: [PATCH] chore: aligned auditlog sorting indication with rest of the
 UI

Signed-off-by: Manuel Zedel <manuel.zedel@northern.tech>
---
 .../auditlogs/__snapshots__/auditlogs.test.js.snap         | 7 +------
 .../auditlogs/__snapshots__/auditlogslist.test.js.snap     | 7 +------
 frontend/src/js/components/auditlogs/auditlogslist.js      | 3 +--
 3 files changed, 3 insertions(+), 14 deletions(-)

diff --git a/frontend/src/js/components/auditlogs/__snapshots__/auditlogs.test.js.snap b/frontend/src/js/components/auditlogs/__snapshots__/auditlogs.test.js.snap
index 22c06c28..da63dd23 100644
--- a/frontend/src/js/components/auditlogs/__snapshots__/auditlogs.test.js.snap
+++ b/frontend/src/js/components/auditlogs/__snapshots__/auditlogs.test.js.snap
@@ -361,36 +361,31 @@ exports[`Auditlogs Component renders correctly 1`] = `
       >
         <div
           class="columnHeader"
-          style="cursor: initial;"
         >
           Performed by
         </div>
         <div
           class="columnHeader"
-          style="cursor: initial;"
         >
           Action
         </div>
         <div
           class="columnHeader"
-          style="cursor: initial;"
         >
           Type
         </div>
         <div
           class="columnHeader"
-          style="cursor: initial;"
         >
           Changed
         </div>
         <div
           class="columnHeader"
-          style="cursor: initial;"
         >
           More details
         </div>
         <div
-          class="columnHeader"
+          class="columnHeader sortable"
         >
           Time
           <svg
diff --git a/frontend/src/js/components/auditlogs/__snapshots__/auditlogslist.test.js.snap b/frontend/src/js/components/auditlogs/__snapshots__/auditlogslist.test.js.snap
index 9cf1bd7e..4378515d 100644
--- a/frontend/src/js/components/auditlogs/__snapshots__/auditlogslist.test.js.snap
+++ b/frontend/src/js/components/auditlogs/__snapshots__/auditlogslist.test.js.snap
@@ -10,36 +10,31 @@ exports[`Auditlogs Component renders correctly 1`] = `
     >
       <div
         class="columnHeader"
-        style="cursor: initial;"
       >
         Performed by
       </div>
       <div
         class="columnHeader"
-        style="cursor: initial;"
       >
         Action
       </div>
       <div
         class="columnHeader"
-        style="cursor: initial;"
       >
         Type
       </div>
       <div
         class="columnHeader"
-        style="cursor: initial;"
       >
         Changed
       </div>
       <div
         class="columnHeader"
-        style="cursor: initial;"
       >
         More details
       </div>
       <div
-        class="columnHeader"
+        class="columnHeader sortable"
       >
         Time
         <svg
diff --git a/frontend/src/js/components/auditlogs/auditlogslist.js b/frontend/src/js/components/auditlogs/auditlogslist.js
index b089786d..24ef7ba4 100644
--- a/frontend/src/js/components/auditlogs/auditlogslist.js
+++ b/frontend/src/js/components/auditlogs/auditlogslist.js
@@ -151,10 +151,9 @@ export const AuditLogsList = ({
         <div className="auditlogs-list-item auditlogs-list-item-header muted">
           {auditLogColumns.map((column, index) => (
             <div
-              className="columnHeader"
+              className={`columnHeader${column.sortable ? ' sortable' : ''}`}
               key={`columnHeader-${index}`}
               onClick={() => (column.sortable ? onChangeSorting() : null)}
-              style={column.sortable ? {} : { cursor: 'initial' }}
             >
               {column.title}
               {column.sortable && <SortIcon columnKey="time" sortDown={sort.direction === SORTING_OPTIONS.desc} />}