From 22b1f806d0a6210dcaea61b80b70d1781e100993 Mon Sep 17 00:00:00 2001
From: Jordan Bibla <jbibla@gmail.com>
Date: Fri, 12 Jan 2018 17:58:20 -0500
Subject: [PATCH 1/3] added send button to balances page

closes #346
---
 app/src/renderer/components/common/NiListItem.vue | 15 +++++++++++++--
 .../renderer/components/wallet/PageBalances.vue   |  1 +
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/src/renderer/components/common/NiListItem.vue b/app/src/renderer/components/common/NiListItem.vue
index 4fc6754ee6..4aff8e25ed 100644
--- a/app/src/renderer/components/common/NiListItem.vue
+++ b/app/src/renderer/components/common/NiListItem.vue
@@ -25,11 +25,17 @@ transition(name="proposal")
     +ni-li-icon
 
   // dt/dd router-link
-  router-link.ni-li.ni-li-link(v-else-if='dt && to' :to="to"): .ni-li-container
+  router-link.ni-li.ni-li-link(v-else-if="dt && to && !btn" :to="to"): .ni-li-container
     +ni-li-thumb
     +ni-li-dl
     +ni-li-icon
 
+  // button router-link
+  router-link.ni-li.ni-li-link(v-else-if="btn && to" :to="to"): .ni-li-container
+    +ni-li-thumb
+    +ni-li-dl
+    btn(:value="btn" icon="chevron_right" icon-pos="right").btn__primary
+
   // dt/dd text
   .ni-li(v-else-if='dt'): .ni-li-container
     +ni-li-thumb
@@ -57,10 +63,15 @@ transition(name="proposal")
 </template>
 
 <script>
+import Btn from '@nylira/vue-button'
 export default {
   name: 'ni-list-item',
-  props: ['type', 'title', 'subtitle', 'image', 'icon', 'to', 'dt', 'dd', 'href']
+  props: ['type', 'title', 'subtitle', 'image', 'icon', 'to', 'dt', 'dd', 'href', 'btn'],
+  components: {
+    Btn
+  },
 }
+
 </script>
 
 <style lang="stylus">
diff --git a/app/src/renderer/components/wallet/PageBalances.vue b/app/src/renderer/components/wallet/PageBalances.vue
index 2b5eb9895e..d530328102 100644
--- a/app/src/renderer/components/wallet/PageBalances.vue
+++ b/app/src/renderer/components/wallet/PageBalances.vue
@@ -19,6 +19,7 @@ page(title='Balance')
     list-item(
       v-for="i in filteredBalances"
       v-if="wallet.balances.length > 0 && i.amount > 0"
+      :btn="'Send'"
       :key="i.denom"
       :dt="i.denom.toUpperCase()"
       :dd="i.amount"

From 99b8cf4b10168c55aae6b8d016af249a91028f6e Mon Sep 17 00:00:00 2001
From: Jordan Bibla <jbibla@gmail.com>
Date: Fri, 12 Jan 2018 18:03:11 -0500
Subject: [PATCH 2/3] fix tests and padding

---
 .../renderer/components/common/NiListItem.vue |   2 +
 .../__snapshots__/PageBalances.spec.js.snap   | 116 ++++++++++--------
 2 files changed, 70 insertions(+), 48 deletions(-)

diff --git a/app/src/renderer/components/common/NiListItem.vue b/app/src/renderer/components/common/NiListItem.vue
index 4aff8e25ed..8eb1da7347 100644
--- a/app/src/renderer/components/common/NiListItem.vue
+++ b/app/src/renderer/components/common/NiListItem.vue
@@ -123,6 +123,8 @@ export default {
     .ni-li-icon
       i.material-icons
         color mc
+  .ni-btn
+    padding 0 0.75em
 
 .ni-li-container
   display flex
diff --git a/test/unit/specs/__snapshots__/PageBalances.spec.js.snap b/test/unit/specs/__snapshots__/PageBalances.spec.js.snap
index 7bc5b4f084..149ed5eacc 100644
--- a/test/unit/specs/__snapshots__/PageBalances.spec.js.snap
+++ b/test/unit/specs/__snapshots__/PageBalances.spec.js.snap
@@ -199,20 +199,25 @@ exports[`PageBalances has the expected html structure 1`] = `
                   456
                 </div>
               </div>
-              <div
-                class="ni-li-icon"
+              <button
+                class="ni-btn btn__primary"
               >
-                <i
-                  class="material-icons inactive"
-                >
-                  chevron_right
-                </i>
-                <i
-                  class="material-icons active"
+                <span
+                  class="ni-btn-container ni-btn-icon-right"
                 >
-                  my_location
-                </i>
-              </div>
+                  <i
+                    aria-hidden="true"
+                    class="ni-btn-icon material-icons"
+                  >
+                    chevron_right
+                  </i>
+                  <span
+                    class="ni-btn-value"
+                  >
+                    Send
+                  </span>
+                </span>
+              </button>
             </div>
           </a>
           <a
@@ -241,20 +246,25 @@ exports[`PageBalances has the expected html structure 1`] = `
                   123
                 </div>
               </div>
-              <div
-                class="ni-li-icon"
+              <button
+                class="ni-btn btn__primary"
               >
-                <i
-                  class="material-icons inactive"
-                >
-                  chevron_right
-                </i>
-                <i
-                  class="material-icons active"
+                <span
+                  class="ni-btn-container ni-btn-icon-right"
                 >
-                  my_location
-                </i>
-              </div>
+                  <i
+                    aria-hidden="true"
+                    class="ni-btn-icon material-icons"
+                  >
+                    chevron_right
+                  </i>
+                  <span
+                    class="ni-btn-value"
+                  >
+                    Send
+                  </span>
+                </span>
+              </button>
             </div>
           </a>
         </main>
@@ -490,20 +500,25 @@ exports[`PageBalances should filter the balances 1`] = `
                   456
                 </div>
               </div>
-              <div
-                class="ni-li-icon"
+              <button
+                class="ni-btn btn__primary"
               >
-                <i
-                  class="material-icons inactive"
-                >
-                  chevron_right
-                </i>
-                <i
-                  class="material-icons active"
+                <span
+                  class="ni-btn-container ni-btn-icon-right"
                 >
-                  my_location
-                </i>
-              </div>
+                  <i
+                    aria-hidden="true"
+                    class="ni-btn-icon material-icons"
+                  >
+                    chevron_right
+                  </i>
+                  <span
+                    class="ni-btn-value"
+                  >
+                    Send
+                  </span>
+                </span>
+              </button>
             </div>
           </a>
           <a
@@ -532,20 +547,25 @@ exports[`PageBalances should filter the balances 1`] = `
                   123
                 </div>
               </div>
-              <div
-                class="ni-li-icon"
+              <button
+                class="ni-btn btn__primary"
               >
-                <i
-                  class="material-icons inactive"
-                >
-                  chevron_right
-                </i>
-                <i
-                  class="material-icons active"
+                <span
+                  class="ni-btn-container ni-btn-icon-right"
                 >
-                  my_location
-                </i>
-              </div>
+                  <i
+                    aria-hidden="true"
+                    class="ni-btn-icon material-icons"
+                  >
+                    chevron_right
+                  </i>
+                  <span
+                    class="ni-btn-value"
+                  >
+                    Send
+                  </span>
+                </span>
+              </button>
             </div>
           </a>
         </main>

From 3bf9176fc62b1ba16f3f6412fca0b3783b6b9e28 Mon Sep 17 00:00:00 2001
From: Jordan Bibla <jbibla@gmail.com>
Date: Fri, 12 Jan 2018 18:09:55 -0500
Subject: [PATCH 3/3] lint

---
 app/src/renderer/components/common/NiListItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/src/renderer/components/common/NiListItem.vue b/app/src/renderer/components/common/NiListItem.vue
index 8eb1da7347..bac3df8009 100644
--- a/app/src/renderer/components/common/NiListItem.vue
+++ b/app/src/renderer/components/common/NiListItem.vue
@@ -69,7 +69,7 @@ export default {
   props: ['type', 'title', 'subtitle', 'image', 'icon', 'to', 'dt', 'dd', 'href', 'btn'],
   components: {
     Btn
-  },
+  }
 }
 
 </script>