From 4fa19006ad6e19adc3f7714f24c3527ba2180794 Mon Sep 17 00:00:00 2001
From: MystiPanda <mystipanda@proton.me>
Date: Wed, 17 Jan 2024 13:32:56 +0800
Subject: [PATCH] feat: Support proxy group icon

---
 src/components/proxy/proxy-render.tsx | 12 ++++++++++++
 src/components/test/test-item.tsx     | 12 ++++++++----
 src/services/types.d.ts               |  1 +
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/components/proxy/proxy-render.tsx b/src/components/proxy/proxy-render.tsx
index a987abc7..d8b865d5 100644
--- a/src/components/proxy/proxy-render.tsx
+++ b/src/components/proxy/proxy-render.tsx
@@ -37,6 +37,18 @@ export const ProxyRender = (props: RenderProps) => {
         dense
         onClick={() => onHeadState(group.name, { open: !headState?.open })}
       >
+        {group.icon && group.icon.trim().startsWith("http") && (
+          <img src={group.icon} height="40px" style={{ marginRight: "8px" }} />
+        )}
+        {group.icon && group.icon.trim().startsWith("data") && (
+          <img src={group.icon} height="40px" style={{ marginRight: "8px" }} />
+        )}
+        {group.icon && group.icon.trim().startsWith("<svg") && (
+          <img
+            src={`data:image/svg+xml;base64,${btoa(group.icon)}`}
+            height="40px"
+          />
+        )}
         <ListItemText
           primary={group.name}
           secondary={
diff --git a/src/components/test/test-item.tsx b/src/components/test/test-item.tsx
index 03a48ef8..b7421554 100644
--- a/src/components/test/test-item.tsx
+++ b/src/components/test/test-item.tsx
@@ -102,11 +102,15 @@ export const TestItem = (props: Props) => {
           {...attributes}
           {...listeners}
         >
-          {icon ? (
+          {icon && icon.trim() !== "" ? (
             <Box sx={{ display: "flex", justifyContent: "center" }}>
-              {icon?.trim().startsWith("http") ? (
-                <img src={icon} height="40px" />
-              ) : (
+              {icon.trim().startsWith("http") && (
+                <img src={icon} height="40px" style={{ marginRight: "8px" }} />
+              )}
+              {icon.trim().startsWith("data") && (
+                <img src={icon} height="40px" style={{ marginRight: "8px" }} />
+              )}
+              {icon.trim().startsWith("<svg") && (
                 <img
                   src={`data:image/svg+xml;base64,${btoa(icon)}`}
                   height="40px"
diff --git a/src/services/types.d.ts b/src/services/types.d.ts
index ff5a53db..f9469a4b 100644
--- a/src/services/types.d.ts
+++ b/src/services/types.d.ts
@@ -53,6 +53,7 @@ interface IProxyItem {
   all?: string[];
   now?: string;
   hidden?: boolean;
+  icon?: string;
   provider?: string; // 记录是否来自provider
 }