From ab4f20874fa231a1f83ac0d72b4a104c8df555a5 Mon Sep 17 00:00:00 2001
From: Bradley Suira <bradleysuira@gmail.com>
Date: Thu, 25 Feb 2021 13:19:18 -0500
Subject: [PATCH 1/2] fix: set decimal places for available and amount

---
 src/views/Send.vue | 29 +++++++++++++++++++----------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/src/views/Send.vue b/src/views/Send.vue
index 701165892..5803e71b5 100644
--- a/src/views/Send.vue
+++ b/src/views/Send.vue
@@ -31,7 +31,7 @@
                 min="0"
                 :class="{ 'is-invalid': amount && amountError }"
                 :style="getAssetColorStyle(asset)"
-                v-model="amount"
+                v-model="sendAmount"
                 class="form-control"
                 id="amount"
                 placeholder="0.00"
@@ -47,7 +47,7 @@
           </div>
           <div class="sub-form-group">
             <div class="label-sub"
-              ><span class="text-muted">Available</span> {{ available }}
+              ><span class="text-muted">Available</span> {{ dpUI(available) }}
               {{ asset }}</div
             >
             <div
@@ -112,11 +112,11 @@
         </div>
         <div class="wrapper_bottom">
           <div class="button-group">
-            <router-link :to="routeSource === 'assets' ? '/wallet' : `/account/${asset}`"
-              ><button class="btn btn-light btn-outline-primary btn-lg">
+            <router-link :to="routeSource === 'assets' ? '/wallet' : `/account/${asset}`">
+              <button class="btn btn-light btn-outline-primary btn-lg">
                 Cancel
-              </button></router-link
-            >
+              </button>
+            </router-link>
             <button
               class="btn btn-primary btn-lg"
               @click="showConfirm = true"
@@ -144,7 +144,7 @@
           </label>
           <div class="d-flex align-items-center justify-content-between mt-0">
             <div class="confirm-value" :style="getAssetColorStyle(asset)">
-            {{ amount }} {{ asset }}
+            {{ prettyBalance(amount, asset) }} {{ asset }}
           </div>
           <div class="details-text">${{ amountInFiat }}</div>
           </div>
@@ -166,10 +166,10 @@
           </label>
           <div class="d-flex align-items-center justify-content-between mt-0">
             <div class="font-weight-bold" v-if="asset === feeType">
-              {{ amountWithFee }} {{ asset }}
+              {{ prettyBalance(amountWithFee, asset) }} {{ asset }}
             </div>
              <div class="font-weight-bold" v-else>
-              {{ amount }} {{ asset }} + {{ prettyFee }} {{ feeType }}
+              {{ prettyBalance(amount, asset) }} {{ asset }} + {{ prettyFee }} {{ feeType }}
             </div>
           <div class="font-weight-bold">${{ totalToSendInFiat }}</div>
           </div>
@@ -209,7 +209,7 @@ import BN from 'bignumber.js'
 import cryptoassets from '@/utils/cryptoassets'
 import NavBar from '@/components/NavBar'
 import FeeSelector from '@/components/FeeSelector'
-import { prettyBalance, prettyFiatBalance } from '@/utils/coinFormatter'
+import { prettyBalance, prettyFiatBalance, dpUI } from '@/utils/coinFormatter'
 import {
   getChainFromAsset,
   getAssetColorStyle,
@@ -246,6 +246,14 @@ export default {
     asset: String
   },
   computed: {
+    sendAmount: {
+      get () {
+        return dpUI(this.amount)
+      },
+      set (newValue) {
+        this.amount = BN(newValue)
+      }
+    },
     ...mapState([
       'activeNetwork',
       'activeWalletId',
@@ -336,6 +344,7 @@ export default {
   methods: {
     ...mapActions(['updateFees', 'sendTransaction']),
     prettyBalance,
+    dpUI,
     prettyFiatBalance,
     getAssetIcon,
     getAssetColorStyle,

From 0d87bdf8c97ac5b1fe3857beb9227071dac19680 Mon Sep 17 00:00:00 2001
From: Bradley Suira <bradleysuira@gmail.com>
Date: Fri, 26 Feb 2021 04:03:25 -0500
Subject: [PATCH 2/2] fix: fix format amounts for send input

---
 package-lock.json     |  2 +-
 package.json          |  2 +-
 src/manifest.json     |  2 +-
 src/views/Account.vue |  4 ++--
 src/views/Send.vue    | 30 +++++++++++++++++++-----------
 5 files changed, 24 insertions(+), 16 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index bc596e16c..00c47db19 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "liquality-wallet",
-  "version": "0.17.5",
+  "version": "0.17.6",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index 8fefbb5a0..eed55d80e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "liquality-wallet",
-  "version": "0.17.5",
+  "version": "0.17.6",
   "private": true,
   "license": "MIT",
   "author": "Liquality <info@liquality.io>",
diff --git a/src/manifest.json b/src/manifest.json
index 032732b6c..b351d0bc7 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -1,6 +1,6 @@
 {
   "manifest_version": 2,
-  "version": "0.17.5",
+  "version": "0.17.6",
   "name": "Liquality Wallet",
   "description": "Secure multi-crypto wallet with built-in Atomic Swaps!",
   "homepage_url": "https://liquality.io",
diff --git a/src/views/Account.vue b/src/views/Account.vue
index b76202408..4200b1232 100644
--- a/src/views/Account.vue
+++ b/src/views/Account.vue
@@ -12,14 +12,14 @@
         <div class="account_balance">
           <div class="account_balance_fiat">
             <span v-if="fiatRates[asset]" >
-              ${{prettyFiatBalance(balance, fiatRates[asset])}}
+              ${{ prettyFiatBalance(balance, fiatRates[asset]) }}
             </span>
             <span v-else>&nbsp;</span>
           </div>
           <div>
             <span class="account_balance_value"
                   :style="{ fontSize: balanceFontSize }">
-              {{balance}}
+              {{ balance }}
             </span>
             <span class="account_balance_code">{{asset}}</span>
           </div>
diff --git a/src/views/Send.vue b/src/views/Send.vue
index 5803e71b5..5bf636540 100644
--- a/src/views/Send.vue
+++ b/src/views/Send.vue
@@ -26,12 +26,12 @@
                 <span class="input-group-text">{{ asset }}</span>
               </div>
               <input
-                type="number"
-                :max="available"
-                min="0"
+                type="text"
+                maxlength="8"
+                pattern="\d*"
                 :class="{ 'is-invalid': amount && amountError }"
                 :style="getAssetColorStyle(asset)"
-                v-model="sendAmount"
+                v-model="amount"
                 class="form-control"
                 id="amount"
                 placeholder="0.00"
@@ -144,7 +144,7 @@
           </label>
           <div class="d-flex align-items-center justify-content-between mt-0">
             <div class="confirm-value" :style="getAssetColorStyle(asset)">
-            {{ prettyBalance(amount, asset) }} {{ asset }}
+            {{ dpUI(amount) }} {{ asset }}
           </div>
           <div class="details-text">${{ amountInFiat }}</div>
           </div>
@@ -166,7 +166,7 @@
           </label>
           <div class="d-flex align-items-center justify-content-between mt-0">
             <div class="font-weight-bold" v-if="asset === feeType">
-              {{ prettyBalance(amountWithFee, asset) }} {{ asset }}
+              {{ dpUI(amountWithFee) }} {{ asset }}
             </div>
              <div class="font-weight-bold" v-else>
               {{ prettyBalance(amount, asset) }} {{ asset }} + {{ prettyFee }} {{ feeType }}
@@ -234,7 +234,7 @@ export default {
   },
   data () {
     return {
-      amount: 0,
+      stateAmount: 0,
       address: null,
       selectedFee: 'average',
       showConfirm: false,
@@ -246,12 +246,20 @@ export default {
     asset: String
   },
   computed: {
-    sendAmount: {
+    amount: {
       get () {
-        return dpUI(this.amount)
+        return this.stateAmount
       },
       set (newValue) {
-        this.amount = BN(newValue)
+        if (newValue && !isNaN(newValue)) {
+          if (BN(newValue).gt(0)) {
+            this.stateAmount = dpUI(newValue).toNumber()
+          } else {
+            this.stateAmount = newValue
+          }
+        } else {
+          this.stateAmount = 0
+        }
       }
     },
     ...mapState([
@@ -372,7 +380,7 @@ export default {
     toogleMaxAmount () {
       this.maxOptionActive = !this.maxOptionActive
       if (this.maxOptionActive) {
-        this.amount = this.available
+        this.amount = dpUI(this.available)
       }
     },
     back () {