From ba4de39f1e971db4e7c6825afddbe2ae8e96c012 Mon Sep 17 00:00:00 2001
From: pompurin404 <pompurin404@mihomo.party>
Date: Sat, 31 Aug 2024 22:41:06 +0800
Subject: [PATCH] add tooltip

---
 src/renderer/src/components/override/override-item.tsx |  1 +
 src/renderer/src/components/profiles/profile-item.tsx  |  1 +
 src/renderer/src/components/proxies/proxy-item.tsx     |  9 +++++++--
 src/renderer/src/components/rules/rule-item.tsx        |  4 +++-
 src/renderer/src/components/sider/profile-card.tsx     |  1 +
 src/renderer/src/pages/proxies.tsx                     | 10 ++++++++--
 6 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/renderer/src/components/override/override-item.tsx b/src/renderer/src/components/override/override-item.tsx
index bb02ff2..b482cda 100644
--- a/src/renderer/src/components/override/override-item.tsx
+++ b/src/renderer/src/components/override/override-item.tsx
@@ -169,6 +169,7 @@ const OverrideItem: React.FC<Props> = (props) => {
               ref={setNodeRef}
               {...attributes}
               {...listeners}
+              title={info?.name}
               className={`text-ellipsis whitespace-nowrap overflow-hidden text-md font-bold leading-[32px] text-foreground`}
             >
               {info?.name}
diff --git a/src/renderer/src/components/profiles/profile-item.tsx b/src/renderer/src/components/profiles/profile-item.tsx
index 1f4c899..038b8c4 100644
--- a/src/renderer/src/components/profiles/profile-item.tsx
+++ b/src/renderer/src/components/profiles/profile-item.tsx
@@ -185,6 +185,7 @@ const ProfileItem: React.FC<Props> = (props) => {
               ref={setNodeRef}
               {...attributes}
               {...listeners}
+              title={info?.name}
               className={`text-ellipsis whitespace-nowrap overflow-hidden text-md font-bold leading-[32px] ${isCurrent ? 'text-white' : 'text-foreground'}`}
             >
               {info?.name}
diff --git a/src/renderer/src/components/proxies/proxy-item.tsx b/src/renderer/src/components/proxies/proxy-item.tsx
index bcc643f..6abb7a4 100644
--- a/src/renderer/src/components/proxies/proxy-item.tsx
+++ b/src/renderer/src/components/proxies/proxy-item.tsx
@@ -65,12 +65,17 @@ const ProxyItem: React.FC<Props> = (props) => {
       <CardBody className="p-2">
         <div className="flex justify-between items-center">
           <div className="text-ellipsis overflow-hidden whitespace-nowrap">
-            <div className="flag-emoji inline">{proxy.name}</div>
+            <div className="flag-emoji inline" title={proxy.name}>
+              {proxy.name}
+            </div>
             {proxyDisplayMode === 'full' && (
-              <div className="inline ml-2 text-default-500">{proxy.type}</div>
+              <div className="inline ml-2 text-default-500" title={proxy.type}>
+                {proxy.type}
+              </div>
             )}
           </div>
           <Button
+            title={proxy.type}
             isLoading={loading}
             color={delayColor(delay)}
             onPress={onDelay}
diff --git a/src/renderer/src/components/rules/rule-item.tsx b/src/renderer/src/components/rules/rule-item.tsx
index c01e160..4bf75a9 100644
--- a/src/renderer/src/components/rules/rule-item.tsx
+++ b/src/renderer/src/components/rules/rule-item.tsx
@@ -7,7 +7,9 @@ const RuleItem: React.FC<IMihomoRulesDetail & { index: number }> = (props) => {
     <div className={`w-full px-2 pb-2 ${index === 0 ? 'pt-2' : ''}`}>
       <Card>
         <CardBody className="w-full">
-          <div className="text-ellipsis whitespace-nowrap overflow-hidden">{payload}</div>
+          <div title={payload} className="text-ellipsis whitespace-nowrap overflow-hidden">
+            {payload}
+          </div>
           <div className="flex justify-start text-default-500">
             <div>{type}</div>
             <div className="ml-2">{proxy}</div>
diff --git a/src/renderer/src/components/sider/profile-card.tsx b/src/renderer/src/components/sider/profile-card.tsx
index ee6e50c..cf281f6 100644
--- a/src/renderer/src/components/sider/profile-card.tsx
+++ b/src/renderer/src/components/sider/profile-card.tsx
@@ -69,6 +69,7 @@ const ProfileCard: React.FC = () => {
             className="flex justify-between h-[32px]"
           >
             <h3
+              title={info?.name}
               className={`text-ellipsis whitespace-nowrap overflow-hidden text-md font-bold leading-[32px] ${match ? 'text-white' : 'text-foreground'} `}
             >
               {info?.name}
diff --git a/src/renderer/src/pages/proxies.tsx b/src/renderer/src/pages/proxies.tsx
index 26a4559..dd54fbf 100644
--- a/src/renderer/src/pages/proxies.tsx
+++ b/src/renderer/src/pages/proxies.tsx
@@ -200,11 +200,17 @@ const Proxies: React.FC = () => {
                           />
                         ) : null}
                         <div className="text-ellipsis overflow-hidden whitespace-nowrap">
-                          <div className="inline flag-emoji h-[32px] text-md leading-[32px]">
+                          <div
+                            title={groups[index].name}
+                            className="inline flag-emoji h-[32px] text-md leading-[32px]"
+                          >
                             {groups[index].name}
                           </div>
                           {proxyDisplayMode === 'full' && (
-                            <div className="inline ml-2 text-sm text-default-500">
+                            <div
+                              title={groups[index].type}
+                              className="inline ml-2 text-sm text-default-500"
+                            >
                               {groups[index].type}
                             </div>
                           )}