Concat plugin to app (#1799)

projects/app/src/components/support/apikey/Table.tsx

@@ -41,6 +41,7 @@ import { useConfirm } from '@fastgpt/web/hooks/useConfirm';
 import { useI18n } from '@/web/context/I18n';
 import FormLabel from '@fastgpt/web/components/common/MyBox/FormLabel';
 import QuestionTip from '@fastgpt/web/components/common/MyTooltip/QuestionTip';
+import MyBox from '@fastgpt/web/components/common/MyBox';
 
 type EditProps = EditApiKeyProps & { _id?: string };
 const defaultEditData: EditProps = {
@@ -84,8 +85,14 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
   }, []);
 
   return (
-    <Flex flexDirection={'column'} h={'100%'} position={'relative'}>
-      <Box display={['block', 'flex']} py={[0, 3]} px={5} alignItems={'center'}>
+    <MyBox
+      isLoading={isGetting || isDeleting}
+      display={'flex'}
+      flexDirection={'column'}
+      h={'100%'}
+      position={'relative'}
+    >
+      <Box display={['block', 'flex']} alignItems={'center'}>
         <Box flex={1}>
           <Flex alignItems={'flex-end'}>
             <Box color={'myGray.900'} fontSize={'lg'}>
@@ -103,7 +110,7 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
               </Link>
             )}
           </Flex>
-          <Box fontSize={'xs'} color={'myGray.600'}>
+          <Box fontSize={'mini'} color={'myGray.600'}>
             {tips}
           </Box>
         </Box>
@@ -140,7 +147,7 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
           </Button>
         </Box>
       </Box>
-      <TableContainer mt={2} position={'relative'} minH={'300px'}>
+      <TableContainer mt={3} position={'relative'} minH={'300px'}>
         <Table>
           <Thead>
             <Tr>
@@ -225,7 +232,6 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
             ))}
           </Tbody>
         </Table>
-        <Loading loading={isGetting || isDeleting} fixed={false} />
       </TableContainer>
 
       {!!editData && (
@@ -279,7 +285,7 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
           </Button>
         </ModalFooter>
       </MyModal>
-    </Flex>
+    </MyBox>
   );
 };
 

projects/app/src/components/support/permission/ConfigPerModal/index.tsx

@@ -40,7 +40,7 @@ const ConfigPerModal = ({
       <ModalBody>
         <HStack>
           <Avatar src={avatar} w={'1.75rem'} />
-          <Box fontSize={'lg'}>{name}</Box>
+          <Box>{name}</Box>
         </HStack>
         <Box mt={6}>
           <Box fontSize={'sm'}>{t('permission.Default permission')}</Box>

projects/app/src/components/support/user/team/TeamManageModal/TeamCard.tsx

@@ -3,7 +3,7 @@ import MyIcon from '@fastgpt/web/components/common/Icon';
 import { useUserStore } from '@/web/support/user/useUserStore';
 import { useContextSelector } from 'use-context-selector';
 import { TeamMemberRoleEnum } from '@fastgpt/global/support/user/team/constant';
-import RowTabs from '../../../../common/Rowtabs';
+import RowTabs from '@fastgpt/web/components/common/Tabs/RowTabs';
 import { useMemo, useState } from 'react';
 import { useTranslation } from 'next-i18next';
 import { useSystemStore } from '@/web/common/system/useSystemStore';