From 226cae5ab916c279b89e668f8c6305fe80daa0c5 Mon Sep 17 00:00:00 2001
From: Finley Ge <32237950+FinleyGe@users.noreply.github.com>
Date: Tue, 20 Aug 2024 17:08:45 +0800
Subject: [PATCH] perf: add docs entries in the publish page (#2449)

---
 .../components/Publish/FeiShu/index.tsx       | 27 ++++++++++++++++---
 .../components/Publish/OffiAccount/index.tsx  | 27 ++++++++++++++++---
 2 files changed, 46 insertions(+), 8 deletions(-)

diff --git a/projects/app/src/pages/app/detail/components/Publish/FeiShu/index.tsx b/projects/app/src/pages/app/detail/components/Publish/FeiShu/index.tsx
index 018e4c343..d6a0d6311 100644
--- a/projects/app/src/pages/app/detail/components/Publish/FeiShu/index.tsx
+++ b/projects/app/src/pages/app/detail/components/Publish/FeiShu/index.tsx
@@ -10,7 +10,8 @@ import {
   Th,
   Td,
   Tbody,
-  useDisclosure
+  useDisclosure,
+  Link
 } from '@chakra-ui/react';
 import MyIcon from '@fastgpt/web/components/common/Icon';
 import { useLoading } from '@fastgpt/web/hooks/useLoading';
@@ -26,6 +27,7 @@ import dynamic from 'next/dynamic';
 import MyMenu from '@fastgpt/web/components/common/MyMenu';
 import EmptyTip from '@fastgpt/web/components/common/EmptyTip';
 import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
+import { getDocPath } from '@/web/common/system/doc';
 
 const FeiShuEditModal = dynamic(() => import('./FeiShuEditModal'));
 const ShowShareLinkModal = dynamic(() => import('../components/showShareLinkModal'));
@@ -64,9 +66,26 @@ const FeiShu = ({ appId }: { appId: string }) => {
   return (
     <Box position={'relative'} pt={3} px={5} minH={'50vh'}>
       <Flex justifyContent={'space-between'} flexDirection="row">
-        <Box fontWeight={'bold'} fontSize={['md', 'lg']}>
-          {t('common:core.app.publish.Fei shu bot publish')}
-        </Box>
+        <Flex alignItems={'center'}>
+          <Box fontWeight={'bold'} fontSize={['md', 'lg']}>
+            {t('common:core.app.publish.Fei shu bot publish')}
+          </Box>
+
+          {feConfigs?.docUrl && (
+            <Link
+              href={feConfigs.openAPIDocUrl || getDocPath('/docs/course/feishu')}
+              target={'_blank'}
+              ml={2}
+              color={'primary.500'}
+              fontSize={'sm'}
+            >
+              <Flex alignItems={'center'}>
+                <MyIcon name="book" mr="1" />
+                {t('common:common.Read document')}
+              </Flex>
+            </Link>
+          )}
+        </Flex>
         <Button
           variant={'primary'}
           colorScheme={'blue'}
diff --git a/projects/app/src/pages/app/detail/components/Publish/OffiAccount/index.tsx b/projects/app/src/pages/app/detail/components/Publish/OffiAccount/index.tsx
index b2e671ad8..dff2c489e 100644
--- a/projects/app/src/pages/app/detail/components/Publish/OffiAccount/index.tsx
+++ b/projects/app/src/pages/app/detail/components/Publish/OffiAccount/index.tsx
@@ -10,7 +10,8 @@ import {
   Th,
   Td,
   Tbody,
-  useDisclosure
+  useDisclosure,
+  Link
 } from '@chakra-ui/react';
 import MyIcon from '@fastgpt/web/components/common/Icon';
 import { useLoading } from '@fastgpt/web/hooks/useLoading';
@@ -26,6 +27,7 @@ import dynamic from 'next/dynamic';
 import MyMenu from '@fastgpt/web/components/common/MyMenu';
 import EmptyTip from '@fastgpt/web/components/common/EmptyTip';
 import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
+import { getDocPath } from '@/web/common/system/doc';
 
 const OffiAccountEditModal = dynamic(() => import('./OffiAccountEditModal'));
 const ShowShareLinkModal = dynamic(() => import('../components/showShareLinkModal'));
@@ -65,9 +67,26 @@ const OffiAccount = ({ appId }: { appId: string }) => {
   return (
     <Box position={'relative'} pt={3} px={5} minH={'50vh'}>
       <Flex justifyContent={'space-between'} flexDirection="row">
-        <Box fontWeight={'bold'} fontSize={['md', 'lg']}>
-          {t('publish:official_account.name')}
-        </Box>
+        <Flex alignItems={'center'}>
+          <Box fontWeight={'bold'} fontSize={['md', 'lg']}>
+            {t('publish:official_account.name')}
+          </Box>
+
+          {feConfigs?.docUrl && (
+            <Link
+              href={feConfigs.openAPIDocUrl || getDocPath('/docs/course/official_account')}
+              target={'_blank'}
+              ml={2}
+              color={'primary.500'}
+              fontSize={'sm'}
+            >
+              <Flex alignItems={'center'}>
+                <MyIcon name="book" mr="1" />
+                {t('common:common.Read document')}
+              </Flex>
+            </Link>
+          )}
+        </Flex>
         <Button
           variant={'primary'}
           colorScheme={'blue'}