Revert "sub plan page (#885)" (#886)

This reverts commit 443ad37b6a.

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

@@ -2,16 +2,13 @@ import React, { useMemo, useState } from 'react';
 import MyModal from '@/components/MyModal';
 import { useTranslation } from 'next-i18next';
 import { useQuery } from '@tanstack/react-query';
-import { DragHandleIcon } from '@chakra-ui/icons';
 import {
   getTeamList,
   getTeamMembers,
   putSwitchTeam,
   putUpdateMember,
   delRemoveMember,
-  delLeaveTeam,
-  getTeamsTags,
-  insertTeamsTags
+  delLeaveTeam
 } from '@/web/support/user/team/api';
 import {
   Box,
@@ -23,15 +20,12 @@ import {
   Tbody,
   Tr,
   Th,
-  Tag,
   Td,
   TableContainer,
   useTheme,
   useDisclosure,
-  MenuButton,
-  HStack
+  MenuButton
 } from '@chakra-ui/react';
-import { SpinnerIcon } from '@chakra-ui/icons';
 import MyIcon from '@fastgpt/web/components/common/Icon';
 import Avatar from '@/components/Avatar';
 import { useUserStore } from '@/web/support/user/useUserStore';
@@ -52,14 +46,12 @@ import { useToast } from '@fastgpt/web/hooks/useToast';
 
 const EditModal = dynamic(() => import('./EditModal'));
 const InviteModal = dynamic(() => import('./InviteModal'));
-const TeamTagsAsync = dynamic(() => import('../TeamTagsAsync'));
 
 const TeamManageModal = ({ onClose }: { onClose: () => void }) => {
   const theme = useTheme();
   const { t } = useTranslation();
   const { Loading } = useLoading();
   const { toast } = useToast();
-  const [teamsTags, setTeamTags] = useState<any>();
 
   const { ConfirmModal: ConfirmRemoveMemberModal, openConfirm: openRemoveMember } = useConfirm();
   const { ConfirmModal: ConfirmLeaveTeamModal, openConfirm: openLeaveConfirm } = useConfirm({
@@ -69,11 +61,6 @@ const TeamManageModal = ({ onClose }: { onClose: () => void }) => {
   const { userInfo, initUserInfo } = useUserStore();
   const [editTeamData, setEditTeamData] = useState<FormDataType>();
   const { isOpen: isOpenInvite, onOpen: onOpenInvite, onClose: onCloseInvite } = useDisclosure();
-  const {
-    isOpen: isOpenTeamTagsAsync,
-    onOpen: onOpenTeamTagsAsync,
-    onClose: onCloseTeamTagsAsync
-  } = useDisclosure();
 
   const {
     data: myTeams = [],
@@ -89,8 +76,6 @@ const TeamManageModal = ({ onClose }: { onClose: () => void }) => {
     mutationFn: async (teamId: string) => {
       const token = await putSwitchTeam(teamId);
       token && setToken(token);
-      // get team tags
-      await getTeamsTags(teamId);
       return initUserInfo();
     },
     errorToast: t('user.team.Switch Team Failed')
@@ -101,11 +86,6 @@ const TeamManageModal = ({ onClose }: { onClose: () => void }) => {
     ['getMembers', userInfo?.team?.teamId],
     () => {
       if (!userInfo?.team?.teamId) return [];
-      // get team tags
-      getTeamsTags(userInfo.team.teamId).then((res: any) => {
-        setTeamTags(res);
-      });
-
       return getTeamMembers(userInfo.team.teamId);
     }
   );
@@ -128,9 +108,7 @@ const TeamManageModal = ({ onClose }: { onClose: () => void }) => {
     mutationFn: async (teamId?: string) => {
       if (!teamId) return;
       // change to personal team
-      // get members
       await onSwitchTeam(defaultTeam.teamId);
-
       return delLeaveTeam(teamId);
     },
     onSuccess() {
@@ -206,7 +184,6 @@ const TeamManageModal = ({ onClose }: { onClose: () => void }) => {
                           bg: 'myGray.100'
                         }
                       })}
-                  onClick={() => onSwitchTeam(team.teamId)}
                 >
                   <Avatar src={team.avatar} w={['18px', '22px']} />
                   <Box
@@ -219,17 +196,6 @@ const TeamManageModal = ({ onClose }: { onClose: () => void }) => {
                       : {})}
                   >
                     {team.teamName}
-                    {/* {userInfo?.team?.teamId === team.teamId && (
-                      <HStack spacing={1}>
-                        {teamsTags.slice(0, 3).map((item: any, index) => {
-                          return (
-                            <Tag key={index} size={'sm'} variant="outline" colorScheme="blue">
-                              {item.label}
-                            </Tag>
-                          );
-                        })}
-                      </HStack>
-                    )} */}
                   </Box>
                   {userInfo?.team?.teamId === team.teamId ? (
                     <MyIcon name={'common/tickFill'} w={'16px'} color={'primary.500'} />
@@ -263,7 +229,7 @@ const TeamManageModal = ({ onClose }: { onClose: () => void }) => {
               borderBottomColor={'myGray.100'}
               mb={3}
             >
-              <Box fontSize={['lg', 'xl']} fontWeight={'bold'} alignItems={'center'}>
+              <Box fontSize={['lg', 'xl']} fontWeight={'bold'}>
                 {userInfo.team.teamName}
               </Box>
               {userInfo.team.role === TeamMemberRoleEnum.owner && (
@@ -313,27 +279,6 @@ const TeamManageModal = ({ onClose }: { onClose: () => void }) => {
                   {t('user.team.Invite Member')}
                 </Button>
               )}
-              {userInfo.team.role === TeamMemberRoleEnum.owner && (
-                <Button
-                  variant={'whitePrimary'}
-                  size="sm"
-                  borderRadius={'md'}
-                  ml={3}
-                  leftIcon={<DragHandleIcon w={'14px'} color={'primary.500'} />}
-                  onClick={() => {
-                    if (userInfo.team.maxSize <= members.length) {
-                      toast({
-                        status: 'warning',
-                        title: t('user.team.Team Tags Async', { max: userInfo.team.maxSize })
-                      });
-                    } else {
-                      onOpenTeamTagsAsync();
-                    }
-                  }}
-                >
-                  {t('user.team.Team Tags Async')}
-                </Button>
-              )}
               <Box flex={1} />
               {userInfo.team.role !== TeamMemberRoleEnum.owner && (
                 <Button
@@ -490,13 +435,6 @@ const TeamManageModal = ({ onClose }: { onClose: () => void }) => {
           onSuccess={refetchMembers}
         />
       )}
-      {isOpenTeamTagsAsync && (
-        <TeamTagsAsync
-          teamInfo={teamsTags?.tagsUrl}
-          teamsTags={teamsTags?.list || []}
-          onClose={onCloseTeamTagsAsync}
-        />
-      )}
       <ConfirmRemoveMemberModal />
       <ConfirmLeaveTeamModal />
     </>

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

@@ -1,182 +0,0 @@
-import React, { useEffect, useMemo, useState } from 'react';
-import MyModal from '@/components/MyModal';
-import {
-  Box,
-  Button,
-  Flex,
-  ModalBody,
-  Tag,
-  ModalFooter,
-  Input,
-  HStack,
-  Avatar
-} from '@chakra-ui/react';
-import { AttachmentIcon, CopyIcon, DragHandleIcon } from '@chakra-ui/icons';
-import { putUpdateTeamTags, updateTags } from '@/web/support/user/team/api';
-import { useForm } from 'react-hook-form';
-import { useTranslation } from 'next-i18next';
-import type { TeamTagsSchema } from '@fastgpt/global/support/user/team/type';
-import { useRequest } from '@/web/common/hooks/useRequest';
-import { RepeatIcon } from '@chakra-ui/icons';
-import MyIcon from '@fastgpt/web/components/common/Icon';
-import { useToast } from '@fastgpt/web/hooks/useToast';
-import { useCopyData } from '@/web/common/hooks/useCopyData';
-
-const TeamTagsAsync = ({
-  teamsTags,
-  teamInfo,
-  onClose
-}: {
-  teamsTags: Array<TeamTagsSchema>;
-  teamInfo: any;
-  onClose: () => void;
-}) => {
-  const { t } = useTranslation();
-  const { toast } = useToast();
-  const [_teamsTags, setTeamTags] = useState<Array<TeamTagsSchema>>(teamsTags);
-
-  const { register, setValue, getValues, handleSubmit } = useForm<any>({
-    defaultValues: { ...teamInfo }
-  });
-  const { copyData } = useCopyData();
-  const baseUrl = global.feConfigs?.customSharePageDomain || location?.origin;
-  const linkUrl = `${baseUrl}/chat/team?teamId=${teamInfo?._id}${
-    getValues('showHistory') ? '' : '&showHistory=0'
-  }`;
-
-  // tags Async
-  const { mutate: onclickAsync, isLoading: creating } = useRequest({
-    mutationFn: async (data: any) => {
-      return putUpdateTeamTags({ tagsUrl: data.tagsUrl, teamId: teamInfo?._id });
-    },
-    onSuccess(id: string) {
-      onClose();
-    },
-    successToast: t('user.team.Team Tags Async Success'),
-    errorToast: t('common.Create Failed')
-  });
-  const asyncTags = async () => {
-    console.log('getValues', getValues());
-    const res: Array<TeamTagsSchema> = await updateTags(teamInfo?._id, getValues().tagsUrl);
-    setTeamTags(res);
-    toast({ status: 'success', title: '团队标签同步成功' });
-  };
-  useEffect(() => {
-    console.log('teamInfo', teamInfo);
-  }, []);
-
-  // 获取
-  return (
-    <>
-      <MyModal
-        isOpen
-        onClose={onClose}
-        maxW={['70vw', '1000px']}
-        w={'100%'}
-        h={'550px'}
-        iconSrc="/imgs/modal/team.svg"
-        isCentered
-        bg={'white'}
-        overflow={'hidden'}
-        title={
-          <Box>
-            <Box>{teamInfo?.name}</Box>
-            <Box color={'myGray.500'} fontSize={'xs'} fontWeight={'normal'}>
-              {'填写标签同步链接，点击同步按钮即可同步'}
-            </Box>
-          </Box>
-        }
-      >
-        <ModalBody style={{ padding: '10rpx' }}>
-          <Flex mt={3} alignItems={'center'}>
-            <Box mb={2} fontWeight="semibold">
-              {t('同步链接')}
-            </Box>
-            <Input
-              flex={1}
-              ml={4}
-              autoFocus
-              bg={'myWhite.600'}
-              placeholder="请输入同步标签"
-              {...register('tagsUrl', {
-                required: t('core.app.error.App name can not be empty')
-              })}
-            />
-          </Flex>
-          <Flex mt={3} alignItems={'center'}>
-            <Box mb={2} fontWeight="semibold">
-              {t('分享链接')}
-            </Box>
-            {/* code */}
-            <Box ml={4} borderRadius={'md'} overflow={'hidden'}>
-              <Flex>
-                <Box whiteSpace={'pre'} p={3} overflowX={'auto'} bg={'myWhite.600'} color="blue">
-                  {linkUrl}
-                </Box>
-                <MyIcon
-                  name={'copy'}
-                  w={'16px'}
-                  p={3}
-                  bg={'primary.500'}
-                  color={'myWhite.600'}
-                  cursor={'pointer'}
-                  _hover={{ bg: 'primary.400' }}
-                  onClick={() => {
-                    copyData(linkUrl);
-                  }}
-                />
-              </Flex>
-            </Box>
-          </Flex>
-          <Flex mt={3} alignItems={'center'}>
-            <Box mb={2} fontWeight="semibold">
-              {t('标签列表')}
-            </Box>
-            <HStack
-              ml={4}
-              maxHeight={'250'}
-              bg={'myWhite.600'}
-              style={{
-                border: 'solid 2px #f3f3f377',
-                borderRadius: '5px',
-                padding: '10px',
-                maxWidth: '70%',
-                flexWrap: 'wrap',
-                overflow: 'scroll'
-              }}
-              spacing={1}
-            >
-              {_teamsTags.map((item, index) => {
-                return (
-                  <Tag key={index} mt={2} size={'md'} colorScheme="red" borderRadius="full">
-                    <Avatar
-                      src="https://bit.ly/sage-adeb"
-                      size="xs"
-                      name={item.label}
-                      ml={-2}
-                      mr={2}
-                    />
-                    {item.label}
-                  </Tag>
-                );
-              })}
-            </HStack>
-            <Button ml={4} size="md" leftIcon={<RepeatIcon />} onClick={asyncTags}>
-              立即同步
-            </Button>
-          </Flex>
-        </ModalBody>
-        <ModalFooter mb={2}>
-          <Button variant={'whiteBase'} mr={3} onClick={onClose}>
-            {t('common.Close')}
-          </Button>
-          <Button isLoading={creating} onClick={handleSubmit((data) => onclickAsync(data))}>
-            {t('user.team.Tags Async')}
-          </Button>
-        </ModalFooter>
-      </MyModal>
-    </>
-  );
-};
-
-export default React.memo(TeamTagsAsync);