From 37e07e91a37ae56b387fcac1e786bb7427a904bb Mon Sep 17 00:00:00 2001
From: JimmFly <yangjinfei001@gmail.com>
Date: Fri, 18 Apr 2025 04:47:24 +0000
Subject: [PATCH] fix(core): add tooltip to cloud server selector (#11755)

close AF-2438
---
 .../src/components/server-selector/index.tsx  | 23 +++++++++++++++----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/core/src/components/server-selector/index.tsx b/packages/frontend/core/src/components/server-selector/index.tsx
index fe10ff52d2..6dc7fdeb61 100644
--- a/packages/frontend/core/src/components/server-selector/index.tsx
+++ b/packages/frontend/core/src/components/server-selector/index.tsx
@@ -1,4 +1,10 @@
-import { Menu, MenuItem, type MenuProps, MenuTrigger } from '@affine/component';
+import {
+  Menu,
+  MenuItem,
+  type MenuProps,
+  MenuTrigger,
+  Tooltip,
+} from '@affine/component';
 import type { Server } from '@affine/core/modules/cloud';
 import { useMemo } from 'react';
 
@@ -17,9 +23,14 @@ export const ServerSelector = ({
 }) => {
   const menuItems = useMemo(() => {
     return servers.map(server => (
-      <MenuItem key={server.id} onSelect={() => onSelect(server)}>
-        {server.config$.value.serverName} ({server.baseUrl})
-      </MenuItem>
+      <Tooltip
+        key={server.id}
+        content={`${server.config$.value.serverName} (${server.baseUrl})`}
+      >
+        <MenuItem key={server.id} onSelect={() => onSelect(server)}>
+          {server.config$.value.serverName} ({server.baseUrl})
+        </MenuItem>
+      </Tooltip>
     ));
   }, [servers, onSelect]);
 
@@ -34,7 +45,9 @@ export const ServerSelector = ({
         },
       }}
     >
-      <MenuTrigger className={triggerStyle}>{selectedSeverName}</MenuTrigger>
+      <MenuTrigger tooltip={selectedSeverName} className={triggerStyle}>
+        {selectedSeverName}
+      </MenuTrigger>
     </Menu>
   );
 };