From faafa49640c4f0d54a3a0ec6394094380749c35c Mon Sep 17 00:00:00 2001
From: callebtc <93376500+callebtc@users.noreply.github.com>
Date: Thu, 14 Nov 2024 16:27:34 +0100
Subject: [PATCH] add mint icon

---
 src/components/MintSettings.vue | 26 ++++++++++++++++++++++----
 1 file changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/components/MintSettings.vue b/src/components/MintSettings.vue
index 9a90a22..2163a20 100644
--- a/src/components/MintSettings.vue
+++ b/src/components/MintSettings.vue
@@ -16,9 +16,9 @@
             :active="mint.url == activeMintUrl"
             active-class="text-weight-bold text-primary"
             clickable
-            class="q-pb-xs"
+            class="q-pb-xs q-pl-xs"
           >
-            <q-item-section avatar>
+            <q-item-section avatar style="min-width: 36px; max-width: 39px">
               <q-icon
                 :color="mint.url == activeMintUrl ? 'primary' : 'grey'"
                 :name="
@@ -32,6 +32,13 @@
                 class="cursor-pointer"
               />
             </q-item-section>
+            <q-avatar
+              v-if="getMintIconUrl(mint)"
+              size="32px"
+              class="q-mr-sm q-mt-xs"
+            >
+              <img :src="getMintIconUrl(mint)" alt="Mint Icon" />
+            </q-avatar>
             <q-item-section>
               <q-item-label
                 lines="1"
@@ -60,7 +67,7 @@
                   :label="
                     formatCurrency(mintClass(mint).unitBalance(unit), unit)
                   "
-                  class="q-mx-xs q-mb-xs"
+                  class="q-mr-xs q-mb-xs"
                 />
               </q-item-label>
             </q-item-section>
@@ -81,7 +88,7 @@
             </q-item-section>
           </q-item>
 
-          <q-separator spaced inset="item" />
+          <q-separator spaced style="margin-left: 50px" />
         </div>
       </q-list>
     </div>
@@ -807,6 +814,17 @@ export default defineComponent({
       this.showMintInfoData = mint;
       this.showMintInfoDialog = true;
     },
+    getMintIconUrl: function (mint) {
+      if (mint.info) {
+        if (mint.info.icon_url) {
+          return mint.info.icon_url;
+        } else {
+          return undefined;
+        }
+      } else {
+        return undefined;
+      }
+    },
   },
   created: function () {},
 });