From 56188c33b536ada705e7184d9ccb12efdc60cf34 Mon Sep 17 00:00:00 2001
From: "Apple\\Apple" <zeraturing@foxmail.com>
Date: Tue, 10 Jun 2025 12:43:14 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20refactor(ui):=20replace=20IconSe?=
 =?UTF-8?q?arch=20with=20semantic=20lucide=20icons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Replace IconSearch with Server icon for API info card title to better represent server/API related content
- Add Server imports from lucide-react

This change improves the semantic meaning of icons and provides better visual representation of their respective functionalities.
---
 web/src/pages/Detail/index.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/pages/Detail/index.js b/web/src/pages/Detail/index.js
index 6c1b87b3..44919a87 100644
--- a/web/src/pages/Detail/index.js
+++ b/web/src/pages/Detail/index.js
@@ -1,7 +1,7 @@
 import React, { useContext, useEffect, useRef, useState, useMemo, useCallback } from 'react';
 import { initVChartSemiTheme } from '@visactor/vchart-semi-theme';
 import { useNavigate } from 'react-router-dom';
-import { Wallet, Activity, Zap, Gauge, PieChart } from 'lucide-react';
+import { Wallet, Activity, Zap, Gauge, PieChart, Server } from 'lucide-react';
 
 import {
   Card,
@@ -970,7 +970,7 @@ const Detail = (props) => {
                 className="bg-gray-50 border-0 !rounded-2xl"
                 title={
                   <div className={FLEX_CENTER_GAP2}>
-                    <IconSearch size={16} />
+                    <Server size={16} />
                     {t('API信息')}
                   </div>
                 }
@@ -1007,12 +1007,12 @@ const Detail = (props) => {
                               {api.route}
                             </div>
                             <div
-                              className="text-xs !text-semi-color-primary font-mono break-all cursor-pointer hover:underline mb-1"
+                              className="!text-semi-color-primary break-all cursor-pointer hover:underline mb-1"
                               onClick={() => handleCopyUrl(api.url)}
                             >
                               {api.url}
                             </div>
-                            <div className="text-xs text-gray-500">
+                            <div className="text-gray-500">
                               {api.description}
                             </div>
                           </div>