chore(web): only show func name of last depth (#1759)

labring · Dec 29, 2023 · abb8bee · abb8bee
1 parent 8315fda
commit abb8bee
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/web/src/pages/app/functions/mods/HeadPanel/index.tsx b/web/src/pages/app/functions/mods/HeadPanel/index.tsx
@@ -1,6 +1,6 @@
 import { useNavigate } from "react-router-dom";
 import { CloseIcon } from "@chakra-ui/icons";
-import { HStack, Input, useColorMode } from "@chakra-ui/react";
+import { HStack, Input, useColorMode, Tooltip } from "@chakra-ui/react";
 import clsx from "clsx";
 import SimpleBar from "simplebar-react";
 
@@ -72,7 +72,10 @@ function HeadPanel() {
                         functionItem={item}
                         color={selected ? "#00A9A6" : ""}
                       />
-                      <p className="truncate">{item.name}</p>
+                      <Tooltip label={item.name} placement="auto">
+                        <p className="truncate">{item.name.split('/').pop()}</p>
+                      </Tooltip>
+
                     </div>
                     {functionCache.getCache(item?._id, (item as any)?.source?.code) !==
                     (item as any)?.source?.code ? (