From 20907508a3703a8793265e13151b8daad6b4106e Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Fri, 23 Feb 2024 21:31:57 -0800
Subject: tips total

---
 src/locales/en.json                                |  1 +
 .../[username]/payments/[...page]/+page.svelte     | 41 +++++++++++++---------
 2 files changed, 26 insertions(+), 16 deletions(-)

(limited to 'src')

diff --git a/src/locales/en.json b/src/locales/en.json
index 4b18bd64..1500e9ef 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -291,6 +291,7 @@
     }
   },
   "payments": {
+    "tips": "Tips",
     "options": "options",
     "bump": "Bump fee",
     "networkFee": "Network fee",
diff --git a/src/routes/(app)/[username]/payments/[...page]/+page.svelte b/src/routes/(app)/[username]/payments/[...page]/+page.svelte
index dfe5b83c..90f2ddbc 100644
--- a/src/routes/(app)/[username]/payments/[...page]/+page.svelte
+++ b/src/routes/(app)/[username]/payments/[...page]/+page.svelte
@@ -249,22 +249,31 @@
       {/each}
     </div>
 
-    <!-- <div class="grid grid-cols-3 w-full text-center"> -->
-    <!--   <span class="text-lg text-secondary">{$t("payments.total")}</span> -->
-    <!--   <span class="text-lg text-secondary">{$t("payments.presentValue")}</span> -->
-    <!--   <span class="text-lg text-secondary">{$t("payments.gainLoss")}</span> -->
-    <!--  -->
-    <!--   {#each Object.keys(totals) as c} -->
-    <!--     {@const total = totals[c]["fiat"]} -->
-    <!--     {@const pv = (totals[c]["sats"] * rates[c]) / sats} -->
-    <!--     {@const gain = (pv * 100) / total - 100} -->
-    <!--     <span class="text-lg"><b>{f(total, c)}</b></span> -->
-    <!--     <span class="text-lg"><b>{f(pv, c)}</b></span> -->
-    <!--     <span class="text-lg" class:text-red-800={gain < 0} -->
-    <!--       ><b>{Math.abs(gain).toFixed(2)}%</b></span -->
-    <!--     > -->
-    <!--   {/each} -->
-    <!-- </div> -->
+    <div class="grid grid-cols-3 w-full text-center">
+      <span class="text-lg text-secondary">{$t("payments.total")}</span>
+      <span class="text-lg text-secondary">
+        {#if payments.some((p) => p.tip > 0)}
+          {$t("payments.tips")}
+        {/if}
+      </span>
+      <span></span>
+
+      {#each Object.keys(totals) as c}
+        {@const total = totals[c]["fiat"]}
+        {@const tips = totals[c]["fiatTips"]}
+        {@const pv = (totals[c]["sats"] * rates[c]) / sats}
+        {@const gain = (pv * 100) / total - 100}
+        <span class="text-lg"><b>{f(total, c)}</b></span>
+        <span class="text-lg">
+          
+        {#if payments.some((p) => p.tip > 0)}
+          <b>{f(tips, c)}</b>
+        {/if}
+      <span></span>
+        
+        </span>
+      {/each}
+    </div>
 
     <button
       class="ml-auto rounded-full border py-2 px-4 w-36 hover:opacity-80 flex mx-auto"
-- 
cgit v1.2.3