From 7d7c8988d7f9b957f75152782365854a152e9205 Mon Sep 17 00:00:00 2001
From: wonfen <eiwonfen@gmail.com>
Date: Wed, 2 Apr 2025 12:48:17 +0800
Subject: [PATCH] fix: resolve rendering issue caused by duplicate node names

---
 UPDATELOG.md                               | 1 +
 src/components/home/current-proxy-card.tsx | 4 ++--
 src/components/proxy/provider-button.tsx   | 3 +--
 src/components/proxy/use-render-list.ts    | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/UPDATELOG.md b/UPDATELOG.md
index 8448e359..99026f46 100644
--- a/UPDATELOG.md
+++ b/UPDATELOG.md
@@ -14,6 +14,7 @@
  - MacOS 托盘速率显示不全
  - Linux 在系统服务模式下无法拉起 Mihomo 内核
  - 使用异步操作，避免获取系统信息和切换代理模式可能带来的崩溃
+ - 相同节点名称可能导致的页面渲染出错
 
 #### 新增了：
  - Clash Verge Rev 从现在开始不再强依赖系统服务和管理权限
diff --git a/src/components/home/current-proxy-card.tsx b/src/components/home/current-proxy-card.tsx
index 9a27098d..891d77d3 100644
--- a/src/components/home/current-proxy-card.tsx
+++ b/src/components/home/current-proxy-card.tsx
@@ -567,14 +567,14 @@ export const CurrentProxyCard = () => {
             >
               {isDirectMode
                 ? null
-                : proxyOptions.map((proxy) => {
+                : proxyOptions.map((proxy, index) => {
                     const delayValue = delayManager.getDelayFix(
                       state.proxyData.records[proxy.name],
                       state.selection.group,
                     );
                     return (
                       <MenuItem
-                        key={proxy.name}
+                        key={`${proxy.name}-${index}`}
                         value={proxy.name}
                         sx={{
                           display: "flex",
diff --git a/src/components/proxy/provider-button.tsx b/src/components/proxy/provider-button.tsx
index 69d61a63..f949fbca 100644
--- a/src/components/proxy/provider-button.tsx
+++ b/src/components/proxy/provider-button.tsx
@@ -158,7 +158,7 @@ export const ProviderButton = () => {
       >
         <DialogTitle>
           <Box display="flex" justifyContent="space-between" alignItems="center">
-            <Typography variant="h6">{t("Proxy Providers")}</Typography>
+            <Typography variant="h6">{t("Proxy Provider")}</Typography>
             <Box>
               <Button
                 variant="contained"
@@ -212,7 +212,6 @@ export const ProviderButton = () => {
                         backgroundColor: bgcolor,
                         "&:hover": {
                           backgroundColor: hoverColor,
-                          borderColor: alpha(primary.main, 0.3)
                         }
                       };
                     }
diff --git a/src/components/proxy/use-render-list.ts b/src/components/proxy/use-render-list.ts
index bee151da..b813cfd3 100644
--- a/src/components/proxy/use-render-list.ts
+++ b/src/components/proxy/use-render-list.ts
@@ -161,9 +161,9 @@ export const useRenderList = (mode: string) => {
           });
         } else if (col > 1) {
           return ret.concat(
-            groupProxies(proxies, col).map((proxyCol) => ({
+            groupProxies(proxies, col).map((proxyCol, colIndex) => ({
               type: 4,
-              key: `col-${group.name}-${proxyCol[0].name}`,
+              key: `col-${group.name}-${proxyCol[0].name}-${colIndex}`,
               group,
               headState,
               col,