From a7970852d54b6d35763646423313b52ab6192c17 Mon Sep 17 00:00:00 2001
From: PKC278 <52959804+PKC278@users.noreply.github.com>
Date: Sat, 7 Dec 2024 20:49:23 +0800
Subject: [PATCH] feat: add ProxyIcon component to ProxyNodeCard (#66)

* feat: add ProxyIcon component to ProxyNodeCard

* chore: use node instead of proxy group

---------

Co-authored-by: Zephyruso <176294927+Zephyruso@users.noreply.github.com>
---
 src/components/proxies/ProxyNodeCard.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/proxies/ProxyNodeCard.vue b/src/components/proxies/ProxyNodeCard.vue
index a57489d9..365a7431 100644
--- a/src/components/proxies/ProxyNodeCard.vue
+++ b/src/components/proxies/ProxyNodeCard.vue
@@ -9,6 +9,10 @@
     "
     :data-tip="node.name"
   >
+    <ProxyIcon
+      v-if="node.icon"
+      :icon="node.icon"
+    />
     <div
       :class="
         twMerge('flex-1 whitespace-nowrap text-xs md:text-sm', truncateProxyName && 'truncate')
@@ -49,6 +53,7 @@ import { truncateProxyName, twoColumnNodeForMobile } from '@/store/settings'
 import { twMerge } from 'tailwind-merge'
 import { computed, onMounted, onUnmounted, ref } from 'vue'
 import LatencyTag from './LatencyTag.vue'
+import ProxyIcon from './ProxyIcon.vue'
 
 const props = defineProps<{
   name: string