v4.6.2-alpah (#511)

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

@@ -219,16 +219,23 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
           }}
         />
       )}
-      <MyModal isOpen={!!apiKey} w={['400px', '600px']} onClose={() => setApiKey('')}>
-        <Box py={3} px={5}>
-          <Box fontWeight={'bold'} fontSize={'2xl'}>
-            新的 API 秘钥
+      <MyModal
+        isOpen={!!apiKey}
+        w={['400px', '600px']}
+        iconSrc="/imgs/modal/key.svg"
+        title={
+          <Box>
+            <Box fontWeight={'bold'} fontSize={'xl'}>
+              新的 API 秘钥
+            </Box>
+            <Box fontSize={'sm'} color={'myGray.600'}>
+              请保管好你的秘钥，秘钥不会再次展示~
+            </Box>
           </Box>
-          <Box fontSize={'sm'} color={'myGray.600'}>
-            请保管好你的秘钥，秘钥不会再次展示~
-          </Box>
-        </Box>
-        <ModalBody>
+        }
+        onClose={() => setApiKey('')}
+      >
+        <ModalBody pt={5}>
           <Flex
             bg={'myGray.100'}
             px={3}
@@ -236,6 +243,7 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
             whiteSpace={'pre-wrap'}
             wordBreak={'break-all'}
             cursor={'pointer'}
+            borderRadius={'md'}
             onClick={() => copyData(apiKey)}
           >
             <Box flex={1}>{apiKey}</Box>
@@ -292,7 +300,11 @@ function EditKeyModal({
   });
 
   return (
-    <MyModal isOpen={true} title={isEdit ? t('outlink.Edit API Key') : t('outlink.Create API Key')}>
+    <MyModal
+      isOpen={true}
+      iconSrc="/imgs/modal/key.svg"
+      title={isEdit ? t('outlink.Edit API Key') : t('outlink.Create API Key')}
+    >
       <ModalBody>
         <Flex alignItems={'center'}>
           <Box flex={'0 0 90px'}>{t('Name')}:</Box>

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

@@ -98,6 +98,7 @@ function EditModal({
     <MyModal
       isOpen
       onClose={onClose}
+      iconSrc="/imgs/modal/team.svg"
       title={defaultData.id ? t('user.team.Update Team') : t('user.team.Create Team')}
     >
       <ModalBody>

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

@@ -68,13 +68,14 @@ const InviteModal = ({
   return (
     <MyModal
       isOpen
+      iconSrc="/imgs/modal/team.svg"
       title={
-        <>
+        <Box>
           <Box>{t('user.team.Invite Member')}</Box>
           <Box color={'myGray.500'} fontSize={'xs'} fontWeight={'normal'}>
             {t('user.team.Invite Member Tips')}
           </Box>
-        </>
+        </Box>
       }
       maxW={['90vw', '400px']}
       overflow={'unset'}

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

@@ -64,7 +64,7 @@ const TeamManageModal = ({ onClose }: { onClose: () => void }) => {
 
   const {
     data: myTeams = [],
-    isLoading: isLoadingTeams,
+    isFetching: isLoadingTeams,
     refetch: refetchTeam
   } = useQuery(['getTeams', userInfo?._id], () => getTeamList(TeamMemberStatusEnum.active));
   const defaultTeam = useMemo(

projects/app/src/components/support/user/team/UpdateInviteModal/index.tsx

@@ -53,13 +53,14 @@ const UpdateInviteModal = () => {
   return (
     <MyModal
       isOpen={inviteList && inviteList.length > 0}
+      iconSrc="/imgs/modal/team.svg"
       title={
-        <>
+        <Box>
           <Box>{t('user.team.Processing invitations')}</Box>
           <Box fontWeight={'normal'} fontSize={'sm'} color={'myGray.500'}>
             {t('user.team.Processing invitations Tips', { amount: inviteList?.length })}
           </Box>
-        </>
+        </Box>
       }
       maxW={['90vw', '500px']}
     >