chore: aligned auditlog sorting indication with rest of the UI

Signed-off-by: Manuel Zedel <[email protected]>
mendersoftware · Sep 2, 2024 · 1813394 · 1813394
1 parent 8d619a5
commit 1813394
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 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
@@ -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
@@ -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
@@ -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} />}