From e86541574dbd5af83391b33c3522de3d69196588 Mon Sep 17 00:00:00 2001
From: Sebastian Kippe <sebastian@kip.pe>
Date: Thu, 13 Aug 2020 16:30:39 +0200
Subject: [PATCH] Format and round the USD value of balances

---
 app/components/budget-balances/template.hbs | 2 +-
 app/services/community-funds.js             | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/components/budget-balances/template.hbs b/app/components/budget-balances/template.hbs
index 71ce098..d8a7de3 100644
--- a/app/components/budget-balances/template.hbs
+++ b/app/components/budget-balances/template.hbs
@@ -11,7 +11,7 @@
       <tr>
         <th>{{balance.token.symbol}}</th>
         <td class="amount">{{fmt-crypto-currency balance.balance balance.token.symbol}}</td>
-        <td class="fiat-amount">{{balance.balanceUsd}} USD</td>
+        <td class="fiat-amount">~{{balance.balanceUsd}} USD</td>
       </tr>
     {{/each}}
   </tbody>
diff --git a/app/services/community-funds.js b/app/services/community-funds.js
index 3f40db1..2d9f0f3 100644
--- a/app/services/community-funds.js
+++ b/app/services/community-funds.js
@@ -1,7 +1,6 @@
 import Service from '@ember/service';
 import { tracked } from '@glimmer/tracking';
 import { A } from '@ember/array';
-import { timeout } from 'ember-concurrency';
 import { task } from 'ember-concurrency-decorators';
 import config from 'kredits-web/config/environment';
 
@@ -25,6 +24,10 @@ export default class CommunityFundsService extends Service {
 
   processBalances (res) {
     for (const balance of res) {
+      // Format and round the approximate USD value
+      const lang = navigator.language || navigator.userLanguage;
+      balance.balanceUsd = Math.round(balance.balanceUsd).toLocaleString(lang);
+
       if (balance.token) {
         // ERC20 token, has all meta data
         this.balances.pushObject(balance);