From 37786b192579cc7e2427ff5e9ce3db0254557896 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 15 Sep 2022 09:48:09 +0800
Subject: [PATCH] reimplement coffee

---
 public/logos/ethereum.png               | Bin 0 -> 2382 bytes
 src/@core/layouts/components/Coffee.vue |  71 +++++++++++++++++-------
 src/views/WalletAccountReceive.vue      |   1 +
 3 files changed, 53 insertions(+), 19 deletions(-)
 create mode 100644 public/logos/ethereum.png

diff --git a/public/logos/ethereum.png b/public/logos/ethereum.png
new file mode 100644
index 0000000000000000000000000000000000000000..abca2ac89c0e53c7b538e890a27a9207b259b4f4
GIT binary patch
literal 2382
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
Apa1{>

literal 0
HcmV?d00001

diff --git a/src/@core/layouts/components/Coffee.vue b/src/@core/layouts/components/Coffee.vue
index 09835bb9..35afdffb 100644
--- a/src/@core/layouts/components/Coffee.vue
+++ b/src/@core/layouts/components/Coffee.vue
@@ -1,32 +1,60 @@
 <template>
   <div>
-    <b-row>
-      <b-col
-        v-for="(item, i) in chains"
-        :key="`coffee-${item.addr}-${i}`"
-        md="4"
-      >
-        <b-input-group
-          size="sm"
-          class="input-group-merge mb-10"
+    <b-card title="Thanks for donation">
+      Your donation is really important for us to build better open source product.
+      <div class="mt-1">
+        ERC20 Address:
+      </div>
+      <b-input-group>
+        <b-input-group-prepend>
+          <b-avatar
+            src="/logos/ethereum.png"
+            class="mr-50"
+          />
+        </b-input-group-prepend>
+        <b-form-input :value="erc20" />
+      </b-input-group>
+    </b-card>
+    <b-card>
+      <b-row>
+        <b-col />
+      </b-row>
+      <b-row><b-col>
+        <div class="mt-1">
+          Or any tokens you like:
+        </div>
+        <hr></b-col>
+      </b-row>
+      <b-row>
+        <b-col
+          v-for="item in chains"
+          :key="item.chain"
+          md="3"
+          lg="2"
         >
-          <b-input-group-prepend is-text>
+          <b-button
+            v-ripple.400="'rgba(113, 102, 240, 0.15)'"
+            variant="outline-primary"
+            :to="`/${item.chain}/account/${item.addr}/receive`"
+            block
+            class="text-left text-truncate mt-1"
+          >
             <b-avatar
               :src="item.icon"
-              variant="light-primary"
-              size="16"
+              size="sm"
+              variant="transparent"
             />
-          </b-input-group-prepend>
-          <b-form-input :value="item.addr" />
-        </b-input-group>
-      </b-col>
-    </b-row>
+            <span class="ml-1 text-uppercase text-truncate">{{ item.chain }}</span>
+          </b-button>
+        </b-col>
+      </b-row>
+    </b-card>
   </div>
 </template>
 
 <script>
 import {
-  BRow, BCol,
+  BRow, BCol, BLink, BButton, BCard,
   BAvatar, BFormInput, BInputGroupPrepend, BInputGroup,
 } from 'bootstrap-vue'
 import Ripple from 'vue-ripple-directive'
@@ -35,10 +63,13 @@ import {
 } from '@/libs/utils'
 
 export default {
-  name: 'AppFooter',
+  name: 'Coffee',
   components: {
+    BButton,
     BCol,
+    BCard,
     BRow,
+    BLink,
     BAvatar,
     BFormInput,
     BInputGroupPrepend,
@@ -49,6 +80,7 @@ export default {
   },
   data() {
     return {
+      erc20: '0x88BFec573Dd3E4b7d2E6BfD4D0D6B11F843F8aa1',
       selectedAddress: 'cosmos1ev0vtddkl7jlwfawlk06yzncapw2x9quyxx75u',
     }
   },
@@ -57,6 +89,7 @@ export default {
       const { data } = addressDecode('cosmos1ev0vtddkl7jlwfawlk06yzncapw2x9quyxx75u')
       const config = Object.values(JSON.parse(localStorage.getItem('chains')))
         .map(x => ({
+          chain: x.chain_name,
           addr: addressEnCode(x.addr_prefix, data),
           icon: x.logo,
         }))
diff --git a/src/views/WalletAccountReceive.vue b/src/views/WalletAccountReceive.vue
index c2c5437a..626fc4b3 100644
--- a/src/views/WalletAccountReceive.vue
+++ b/src/views/WalletAccountReceive.vue
@@ -29,6 +29,7 @@
           block
           class="mt-2"
           variant="primary"
+          to="/wallet/import"
         >
           Connect Wallet
         </b-button>