Show amountSats as title of expense item amounts

67P · Jan 20, 2025 · f02e557 · f02e557
1 parent aad2aae
commit f02e557
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/app/components/expense-list/template.hbs b/app/components/expense-list/template.hbs
@@ -5,7 +5,7 @@
         <span class="date">{{fmt-date-localized expense.date}}:</span>
         <span class="title">{{expense.title}}</span>
       </h4>
-      <div class="amount">
+      <div class="amount" title="{{fmt-amount-sats-title expense.amountSats}}">
         {{fmt-fiat-currency expense.amount expense.currency}}
       </div>
       <p class="description">

diff --git a/app/helpers/fmt-amount-sats-title.js b/app/helpers/fmt-amount-sats-title.js
@@ -0,0 +1,11 @@
+import { helper } from '@ember/component/helper';
+
+export default helper(function fmtAmountSatsTitle(params) {
+  const amountSats = params[0];
+
+  if (typeof amountSats === 'number' && amountSats > 0) {
+    return `${amountSats} sats`;
+  } else {
+    return '';
+  }
+});