From f02e5572ba4c03ae98cce56ae85e90087be3079f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A2u=20Cao?= <raucao@kosmos.org>
Date: Mon, 20 Jan 2025 15:45:36 -0500
Subject: [PATCH] Show amountSats as title of expense item amounts

---
 app/components/expense-list/template.hbs |  2 +-
 app/helpers/fmt-amount-sats-title.js     | 11 +++++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 app/helpers/fmt-amount-sats-title.js

diff --git a/app/components/expense-list/template.hbs b/app/components/expense-list/template.hbs
index c9cf3e6..0f65333 100644
--- 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
new file mode 100644
index 0000000..464496d
--- /dev/null
+++ 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 '';
+  }
+});