From acdf6a0dd9caee6dc5030c459a1e1eac6cafe459 Mon Sep 17 00:00:00 2001
From: Archer <545436317@qq.com>
Date: Mon, 11 Nov 2024 10:13:45 +0800
Subject: [PATCH] fix: share page load title error (#3111)

---
 .../zh-cn/docs/development/upgrading/4813.md  |  1 +
 .../web/components/common/MyMenu/index.tsx    |  1 -
 projects/app/src/pages/chat/share.tsx         | 21 +++++++++++--------
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/docSite/content/zh-cn/docs/development/upgrading/4813.md b/docSite/content/zh-cn/docs/development/upgrading/4813.md
index 944bdb465..deab3ecb4 100644
--- a/docSite/content/zh-cn/docs/development/upgrading/4813.md
+++ b/docSite/content/zh-cn/docs/development/upgrading/4813.md
@@ -40,3 +40,4 @@ weight: 811
 15. 优化 - 语音播报，不支持 mediaSource 的浏览器可等待完全生成语音后输出。 
 16. 修复 - Dockerfile pnpm install 支持代理。 
 17. 修复 - BI 图表生成无法写入文件。 
+18. 修复 - 分享链接首次加载时，标题显示不正确。 
diff --git a/packages/web/components/common/MyMenu/index.tsx b/packages/web/components/common/MyMenu/index.tsx
index f62630f15..c05128356 100644
--- a/packages/web/components/common/MyMenu/index.tsx
+++ b/packages/web/components/common/MyMenu/index.tsx
@@ -147,7 +147,6 @@ const MyMenu = ({
             position={'relative'}
             color={isOpen ? 'primary.600' : ''}
             w="fit-content"
-            p="1"
             h="fit-content"
             borderRadius="sm"
           >
diff --git a/projects/app/src/pages/chat/share.tsx b/projects/app/src/pages/chat/share.tsx
index 19570b736..d28734b33 100644
--- a/projects/app/src/pages/chat/share.tsx
+++ b/projects/app/src/pages/chat/share.tsx
@@ -44,13 +44,14 @@ type Props = {
   customUid: string;
 };
 
-const OutLink = ({
-  outLinkUid
-}: Props & {
-  outLinkUid: string;
-}) => {
+const OutLink = (
+  props: Props & {
+    outLinkUid: string;
+  }
+) => {
   const { t } = useTranslation();
   const router = useRouter();
+  const { outLinkUid } = props;
   const {
     shareId = '',
     chatId = '',
@@ -297,6 +298,7 @@ const OutLink = ({
 
   return (
     <>
+      <NextHead title={props.appName || 'AI'} desc={props.appIntro} icon={props.appAvatar} />
       <PageContainer
         isLoading={loading}
         {...(isEmbed
@@ -388,11 +390,12 @@ const Render = (props: Props) => {
 
   return (
     <>
-      <NextHead title={props.appName || 'AI'} desc={props.appIntro} icon={props.appAvatar} />
-      {systemLoaded && (
+      {systemLoaded ? (
         <ChatContextProvider params={contextParams}>
           <OutLink {...props} outLinkUid={contextParams.outLinkUid} />;
         </ChatContextProvider>
+      ) : (
+        <NextHead title="Loading..." />
       )}
     </>
   );
@@ -425,9 +428,9 @@ export async function getServerSideProps(context: any) {
 
   return {
     props: {
-      appName: app?.appId?.name ?? 'name',
+      appName: app?.appId?.name ?? 'AI',
       appAvatar: app?.appId?.avatar ?? '',
-      appIntro: app?.appId?.intro ?? 'intro',
+      appIntro: app?.appId?.intro ?? 'AI',
       shareId: shareId ?? '',
       authToken: authToken ?? '',
       customUid,