Commit ffc2d67d by Finley Ge Committed by GitHub

refactor(account-team): extract permission table header label (#7221)

parent fc4bba8c
...@@ -54,6 +54,33 @@ import { type PermissionValueType } from '@fastgpt/global/support/permission/typ ...@@ -54,6 +54,33 @@ import { type PermissionValueType } from '@fastgpt/global/support/permission/typ
import type { Permission } from '@fastgpt/global/support/permission/controller'; import type { Permission } from '@fastgpt/global/support/permission/controller';
import { ReadRoleVal } from '@fastgpt/global/support/permission/constant'; import { ReadRoleVal } from '@fastgpt/global/support/permission/constant';
const PermissionTableHeaderLabel = ({
children,
tip,
isCentered = true
}: {
children: React.ReactNode;
tip: React.ReactNode;
isCentered?: boolean;
}) => {
return (
<Flex
align={'center'}
gap={1}
mx={isCentered ? 'auto' : undefined}
w={'fit-content'}
maxW={'100%'}
>
<Box as="span" lineHeight={'1.25'}>
{children}
</Box>
<Box as="span" display={'inline-flex'} alignItems={'center'} lineHeight={0} flexShrink={0}>
<QuestionTip label={tip} />
</Box>
</Flex>
);
};
function PermissionManage({ function PermissionManage({
Tabs, Tabs,
onOpenAddMember onOpenAddMember
...@@ -223,38 +250,37 @@ function PermissionManage({ ...@@ -223,38 +250,37 @@ function PermissionManage({
<Thead> <Thead>
<Tr bg={'white !important'}> <Tr bg={'white !important'}>
<Th bg="myGray.100" borderLeftRadius="md" maxW={'150px'}> <Th bg="myGray.100" borderLeftRadius="md" maxW={'150px'}>
{`${t('user:team.group.members')} / ${t('user:team.org.org')} / ${t('user:team.group.group')}`} <PermissionTableHeaderLabel
<QuestionTip ml="1" label={t('user:team.group.permission_tip')} /> isCentered={false}
tip={t('user:team.group.permission_tip')}
>
{`${t('user:team.group.members')} / ${t('user:team.org.org')} / ${t('user:team.group.group')}`}
</PermissionTableHeaderLabel>
</Th> </Th>
<Th bg="myGray.100"> <Th bg="myGray.100">
<Box mx="auto" w="fit-content"> <PermissionTableHeaderLabel tip={t('account_team:permission_appCreate_tip')}>
{t('account_team:permission_appCreate')} {t('account_team:permission_appCreate')}
<QuestionTip ml="1" label={t('account_team:permission_appCreate_tip')} /> </PermissionTableHeaderLabel>
</Box>
</Th> </Th>
<Th bg="myGray.100"> <Th bg="myGray.100">
<Box mx="auto" w="fit-content"> <PermissionTableHeaderLabel tip={t('account_team:permission_skillCreate_Tip')}>
{t('account_team:permission_skillCreate')} {t('account_team:permission_skillCreate')}
<QuestionTip ml="1" label={t('account_team:permission_skillCreate_Tip')} /> </PermissionTableHeaderLabel>
</Box>
</Th> </Th>
<Th bg="myGray.100"> <Th bg="myGray.100">
<Box mx="auto" w="fit-content"> <PermissionTableHeaderLabel tip={t('account_team:permission_datasetCreate_Tip')}>
{t('account_team:permission_datasetCreate')} {t('account_team:permission_datasetCreate')}
<QuestionTip ml="1" label={t('account_team:permission_datasetCreate_Tip')} /> </PermissionTableHeaderLabel>
</Box>
</Th> </Th>
<Th bg="myGray.100"> <Th bg="myGray.100">
<Box mx="auto" w="fit-content"> <PermissionTableHeaderLabel tip={t('account_team:permission_apikeyCreate_Tip')}>
{t('account_team:permission_apikeyCreate')} {t('account_team:permission_apikeyCreate')}
<QuestionTip ml="1" label={t('account_team:permission_apikeyCreate_Tip')} /> </PermissionTableHeaderLabel>
</Box>
</Th> </Th>
<Th bg="myGray.100"> <Th bg="myGray.100">
<Box mx="auto" w="fit-content"> <PermissionTableHeaderLabel tip={t('account_team:permission_manage_tip')}>
{t('account_team:permission_manage')} {t('account_team:permission_manage')}
<QuestionTip ml="1" label={t('account_team:permission_manage_tip')} /> </PermissionTableHeaderLabel>
</Box>
</Th> </Th>
<Th bg="myGray.100" borderRightRadius="md"> <Th bg="myGray.100" borderRightRadius="md">
<Box mx="auto" w="fit-content"> <Box mx="auto" w="fit-content">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment