From f3a069bc8088be5af00e2c484c2d2b1d8d120081 Mon Sep 17 00:00:00 2001
From: Archer <545436317@qq.com>
Date: Wed, 26 Mar 2025 22:22:20 +0800
Subject: [PATCH] perf: long org name ui (#4347)

* sync collection

* remove lock

* perf: long org name ui
---
 projects/app/src/components/common/folder/Path.tsx         | 2 ++
 .../src/components/support/user/team/Info/MemberTag.tsx    | 2 +-
 .../src/pageComponents/account/team/OrgManage/index.tsx    | 7 ++++++-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/projects/app/src/components/common/folder/Path.tsx b/projects/app/src/components/common/folder/Path.tsx
index cac95f6cd..e6591a9e4 100644
--- a/projects/app/src/components/common/folder/Path.tsx
+++ b/projects/app/src/components/common/folder/Path.tsx
@@ -44,6 +44,8 @@ const FolderPath = (props: {
             py={0.5}
             px={1.5}
             borderRadius={'md'}
+            maxW={'45vw'}
+            className={'textEllipsis'}
             {...(i === concatPaths.length - 1
               ? {
                   cursor: 'default',
diff --git a/projects/app/src/components/support/user/team/Info/MemberTag.tsx b/projects/app/src/components/support/user/team/Info/MemberTag.tsx
index 3868f37d4..0b20cccf2 100644
--- a/projects/app/src/components/support/user/team/Info/MemberTag.tsx
+++ b/projects/app/src/components/support/user/team/Info/MemberTag.tsx
@@ -11,7 +11,7 @@ function MemberTag({ name, avatar }: Props) {
   return (
     <HStack>
       {avatar && <Avatar src={avatar} w={['18px', '22px']} rounded="50%" />}
-      <Box maxW={'150px'} className={'textEllipsis'}>
+      <Box maxW={'45vw'} className={'textEllipsis'} fontSize={'sm'}>
         {name || '-'}
       </Box>
     </HStack>
diff --git a/projects/app/src/pageComponents/account/team/OrgManage/index.tsx b/projects/app/src/pageComponents/account/team/OrgManage/index.tsx
index 783b4949e..0d1f16ac9 100644
--- a/projects/app/src/pageComponents/account/team/OrgManage/index.tsx
+++ b/projects/app/src/pageComponents/account/team/OrgManage/index.tsx
@@ -289,7 +289,12 @@ function OrgTable({ Tabs }: { Tabs: React.ReactNode }) {
             <VStack w={'180px'} alignItems={'start'}>
               <HStack gap={'6px'}>
                 <Avatar src={currentOrg.avatar} w={'1rem'} h={'1rem'} rounded={'xs'} />
-                <Box fontWeight={500} color={'myGray.900'}>
+                <Box
+                  title={currentOrg.name}
+                  fontWeight={500}
+                  color={'myGray.900'}
+                  className="textEllipsis3"
+                >
                   {currentOrg.name}
                 </Box>
                 {currentOrg?.path !== '' && (