Make transaction list sortable by cleared status

actualbudget · Nov 30, 2023 · cef018b · cef018b
1 parent 5d61dfc
commit cef018b
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 3 deletions.
diff --git a/packages/desktop-client/src/components/transactions/TransactionsTable.js b/packages/desktop-client/src/components/transactions/TransactionsTable.js
@@ -365,7 +365,20 @@ const TransactionHeader = memo(
           }
         />
         {showBalance && <Cell value="Balance" width={88} textAlign="right" />}
-        {showCleared && <Field width={23} truncate={false} />}
+
+        {showCleared && (
+          <HeaderCell
+            value="✓"
+            width={28}
+            alignItems="center"
+            id="cleared"
+            icon={field === 'cleared' ? ascDesc : 'clickable'}
+            onClick={() =>
+              onSort('cleared', selectAscDesc(field, ascDesc, 'cleared', 'asc'))
+            }
+          />
+        )}
+
         <Cell value="" width={5 + scrollWidth ?? 0} />
       </Row>
     );
@@ -437,9 +450,9 @@ function StatusCell({
   return (
     <Cell
       name="cleared"
-      width={23}
+      width={28}
       focused={focused}
-      style={{ padding: 1 }}
+      style={{ alignItems: 'center' }}
       plain
     >
       <CellButton

diff --git a/upcoming-release-notes/1994.md b/upcoming-release-notes/1994.md
@@ -0,0 +1,6 @@
+---
+category: Enhancements
+authors: [jaarasys-henria]
+---
+
+Make transaction list sortable by cleared status