4.6.3-website dataset (#532)

projects/app/src/pages/dataset/detail/index.tsx

@@ -7,7 +7,6 @@ import { useQuery } from '@tanstack/react-query';
 import type { DatasetItemType } from '@fastgpt/global/core/dataset/type.d';
 import { getErrText } from '@fastgpt/global/common/error/utils';
 import { useSystemStore } from '@/web/common/system/useSystemStore';
-import { type ComponentRef } from './components/Info';
 import Tabs from '@/components/Tabs';
 import dynamic from 'next/dynamic';
 import MyIcon from '@/components/Icon';
@@ -25,6 +24,7 @@ import Script from 'next/script';
 import CollectionCard from './components/CollectionCard';
 import { useDatasetStore } from '@/web/core/dataset/store/dataset';
 import { useUserStore } from '@/web/support/user/useUserStore';
+import { DatasetTypeMap } from '../../../../../../packages/global/core/dataset/constant';
 
 const DataCard = dynamic(() => import('./components/DataCard'), {
   ssr: false
@@ -41,7 +41,6 @@ export enum TabEnum {
 }
 
 const Detail = ({ datasetId, currentTab }: { datasetId: string; currentTab: `${TabEnum}` }) => {
-  const InfoRef = useRef<ComponentRef>(null);
   const theme = useTheme();
   const { t } = useTranslation();
   const { toast } = useToast();
@@ -77,7 +76,6 @@ const Detail = ({ datasetId, currentTab }: { datasetId: string; currentTab: `${T
   useQuery([datasetId], () => loadDatasetDetail(datasetId), {
     onSuccess(res) {
       form.reset(res);
-      InfoRef.current?.initInput(res.tags?.join(' '));
     },
     onError(err: any) {
       router.replace(`/dataset/list`);
@@ -107,14 +105,24 @@ const Detail = ({ datasetId, currentTab }: { datasetId: string; currentTab: `${T
             >
               <Flex mb={4} alignItems={'center'}>
                 <Avatar src={datasetDetail.avatar} w={'34px'} borderRadius={'lg'} />
-                <Box ml={2} fontWeight={'bold'}>
-                  {datasetDetail.name}
+                <Box ml={2}>
+                  <Box fontWeight={'bold'}>{datasetDetail.name}</Box>
                 </Box>
               </Flex>
+              {DatasetTypeMap[datasetDetail.type] && (
+                <Flex alignItems={'center'} pl={2}>
+                  <MyIcon
+                    name={DatasetTypeMap[datasetDetail.type]?.icon as any}
+                    mr={1}
+                    w={'16px'}
+                  />
+                  <Box>{t(DatasetTypeMap[datasetDetail.type]?.label)}</Box>
+                </Flex>
+              )}
               <SideTabs
                 flex={1}
                 mx={'auto'}
-                mt={2}
+                mt={3}
                 w={'100%'}
                 list={tabList}
                 activeId={currentTab}
@@ -156,7 +164,7 @@ const Detail = ({ datasetId, currentTab }: { datasetId: string; currentTab: `${T
                   borderRadius={'50%'}
                   aria-label={''}
                 />
-                全部知识库
+                {t('core.dataset.All Dataset')}
               </Flex>
             </Flex>
           ) : (
@@ -180,9 +188,7 @@ const Detail = ({ datasetId, currentTab }: { datasetId: string; currentTab: `${T
               {currentTab === TabEnum.collectionCard && <CollectionCard />}
               {currentTab === TabEnum.dataCard && <DataCard />}
               {currentTab === TabEnum.test && <Test datasetId={datasetId} />}
-              {currentTab === TabEnum.info && (
-                <Info ref={InfoRef} datasetId={datasetId} form={form} />
-              )}
+              {currentTab === TabEnum.info && <Info datasetId={datasetId} form={form} />}
             </Box>
           )}
         </Flex>