diff options
| author | Adam Soltys <[email protected]> | 2024-02-23 21:31:57 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-02-23 21:31:57 -0800 |
| commit | 20907508a3703a8793265e13151b8daad6b4106e (patch) | |
| tree | f9a103b90877d45132513b2375ccc545e758d55e /src | |
| parent | 5f662438e9e7b85ca0c31f266c176ec033f763d7 (diff) | |
| download | coinos-ui-20907508a3703a8793265e13151b8daad6b4106e.tar.gz coinos-ui-20907508a3703a8793265e13151b8daad6b4106e.zip | |
tips total
Diffstat (limited to 'src')
| -rw-r--r-- | src/locales/en.json | 1 | ||||
| -rw-r--r-- | src/routes/(app)/[username]/payments/[...page]/+page.svelte | 41 |
2 files changed, 26 insertions, 16 deletions
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" |