From 605911bfeec99d944916376b457f9490547f9b2a Mon Sep 17 00:00:00 2001
From: jahooma <jahooma@gmail.com>
Date: Sun, 19 Dec 2021 18:17:21 -0600
Subject: [PATCH] Format funds amount. Use ghost button for back.

---
 web/components/add-funds-button.tsx | 2 +-
 web/components/yes-no-selector.tsx  | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/components/add-funds-button.tsx b/web/components/add-funds-button.tsx
index 9958ee4e..07b700aa 100644
--- a/web/components/add-funds-button.tsx
+++ b/web/components/add-funds-button.tsx
@@ -38,7 +38,7 @@ export function AddFundsButton() {
           </div>
 
           <div className="modal-action">
-            <label htmlFor="add-funds" className={clsx('btn')}>
+            <label htmlFor="add-funds" className={clsx('btn btn-ghost')}>
               Back
             </label>
 
diff --git a/web/components/yes-no-selector.tsx b/web/components/yes-no-selector.tsx
index 788466b3..93a7cf1f 100644
--- a/web/components/yes-no-selector.tsx
+++ b/web/components/yes-no-selector.tsx
@@ -1,5 +1,6 @@
 import clsx from 'clsx'
 import React from 'react'
+import { formatMoney } from '../lib/util/format'
 import { Row } from './layout/row'
 
 export function YesNoSelector(props: {
@@ -87,7 +88,7 @@ export function FundsSelector(props: {
           onClick={() => onSelect(amount as any)}
           className={btnClassName}
         >
-          M$ {amount}
+          {formatMoney(amount)}
         </Button>
       ))}
     </Row>