perf: error show

src/pages/chat/components/Empty.tsx

@@ -5,8 +5,10 @@ import Markdown from '@/components/Markdown';
 import { LOGO_ICON } from '@/constants/chat';
 
 const Empty = ({
+  showChatProblem,
   model: { name, intro, avatar }
 }: {
+  showChatProblem: boolean;
   model: {
     name: string;
     intro: string;
@@ -43,13 +45,18 @@ const Empty = ({
           <Box whiteSpace={'pre-line'}>{intro}</Box>
         </Card>
       )}
-      {/* version intro */}
-      <Card p={4} mb={10}>
-        <Markdown source={versionIntro} />
-      </Card>
-      <Card p={4}>
-        <Markdown source={chatProblem} />
-      </Card>
+
+      {showChatProblem && (
+        <>
+          {/* version intro */}
+          <Card p={4} mb={10}>
+            <Markdown source={versionIntro} />
+          </Card>
+          <Card p={4}>
+            <Markdown source={chatProblem} />
+          </Card>
+        </>
+      )}
     </Box>
   );
 };

src/pages/chat/index.tsx

@@ -36,12 +36,11 @@ import { useToast } from '@/hooks/useToast';
 import { useScreen } from '@/hooks/useScreen';
 import { useQuery } from '@tanstack/react-query';
 import dynamic from 'next/dynamic';
-import { useCopyData, voiceBroadcast, formatLinkTextToHtml } from '@/utils/tools';
+import { useCopyData, voiceBroadcast, hasVoiceApi } from '@/utils/tools';
 import { streamFetch } from '@/api/fetch';
 import MyIcon from '@/components/Icon';
 import { throttle } from 'lodash';
 import { Types } from 'mongoose';
-import Markdown from '@/components/Markdown';
 import { LOGO_ICON } from '@/constants/chat';
 import { ChatModelMap } from '@/constants/model';
 import { useChatStore } from '@/store/chat';
@@ -50,19 +49,16 @@ import { fileDownload } from '@/utils/file';
 import { htmlTemplate } from '@/constants/common';
 import { useUserStore } from '@/store/user';
 import Loading from '@/components/Loading';
+import Markdown from '@/components/Markdown';
+import Empty from './components/Empty';
 
 const PhoneSliderBar = dynamic(() => import('./components/PhoneSliderBar'), {
-  loading: () => <Loading fixed={false} />,
   ssr: false
 });
 const History = dynamic(() => import('./components/History'), {
   loading: () => <Loading fixed={false} />,
   ssr: false
 });
-const Empty = dynamic(() => import('./components/Empty'), {
-  loading: () => <Loading fixed={false} />,
-  ssr: false
-});
 
 import styles from './index.module.scss';
 
@@ -77,7 +73,6 @@ const Chat = ({
   chatId: string;
   isPcDevice: boolean;
 }) => {
-  const hasVoiceApi = typeof window === 'undefined' ? false : !!window.speechSynthesis;
   const router = useRouter();
   const theme = useTheme();
 
@@ -627,7 +622,6 @@ const Chat = ({
       chatData.model.canUse,
       chatData.modelId,
       delChatRecord,
-      hasVoiceApi,
       onclickCopy,
       router,
       theme.borders.base
@@ -714,7 +708,7 @@ const Chat = ({
             justifyContent={'space-between'}
             py={[3, 5]}
             px={5}
-            borderBottom={'1px solid '}
+            borderBottom={'1px solid'}
             borderBottomColor={useColorModeValue('gray.200', 'gray.700')}
             color={useColorModeValue('myGray.900', 'white')}
           >
@@ -790,7 +784,10 @@ const Chat = ({
                             order: 1,
                             mr: ['6px', 2],
                             cursor: 'pointer',
-                            onClick: () => isPc && router.push(`/model?modelId=${chatData.modelId}`)
+                            onClick: () =>
+                              isPc &&
+                              chatData.model.canUse &&
+                              router.push(`/model?modelId=${chatData.modelId}`)
                           }
                         : {
                             order: 3,
@@ -856,17 +853,16 @@ const Chat = ({
                           bg={'myBlue.300'}
                           onContextMenu={(e) => onclickContextMenu(e, item)}
                         >
-                          <Box
-                            as={'p'}
-                            dangerouslySetInnerHTML={{ __html: formatLinkTextToHtml(item.value) }}
-                          />
+                          <Box as={'p'}>{item.value}</Box>
                         </Card>
                       </Box>
                     )}
                   </Flex>
                 </Flex>
               ))}
-              {chatData.history.length === 0 && <Empty model={chatData.model} />}
+              {chatData.history.length === 0 && (
+                <Empty model={chatData.model} showChatProblem={true} />
+              )}
             </Box>
           </Box>
           {/* 发送区 */}
@@ -1012,7 +1008,7 @@ Chat.getInitialProps = ({ query, req }: any) => {
   return {
     modelId: query?.modelId || '',
     chatId: query?.chatId || '',
-    isPcDevice: !/Mobile/.test(req ? req.headers['user-agent'] : navigator.userAgent)
+    isPcDevice: !/Mobile/.test(req?.headers?.['user-agent'])
   };
 };
 

src/pages/chat/share.tsx

@@ -34,12 +34,11 @@ import { useToast } from '@/hooks/useToast';
 import { useScreen } from '@/hooks/useScreen';
 import { useQuery } from '@tanstack/react-query';
 import dynamic from 'next/dynamic';
-import { useCopyData, voiceBroadcast } from '@/utils/tools';
+import { useCopyData, voiceBroadcast, hasVoiceApi } from '@/utils/tools';
 import { streamFetch } from '@/api/fetch';
 import MyIcon from '@/components/Icon';
 import { throttle } from 'lodash';
 import { Types } from 'mongoose';
-import Markdown from '@/components/Markdown';
 import { LOGO_ICON } from '@/constants/chat';
 import { useChatStore } from '@/store/chat';
 import { useLoading } from '@/hooks/useLoading';
@@ -47,15 +46,13 @@ import { fileDownload } from '@/utils/file';
 import { htmlTemplate } from '@/constants/common';
 import { useUserStore } from '@/store/user';
 import Loading from '@/components/Loading';
+import Markdown from '@/components/Markdown';
+import Empty from './components/Empty';
 
 const ShareHistory = dynamic(() => import('./components/ShareHistory'), {
   loading: () => <Loading fixed={false} />,
   ssr: false
 });
-const Empty = dynamic(() => import('./components/Empty'), {
-  loading: () => <Loading fixed={false} />,
-  ssr: false
-});
 
 import styles from './index.module.scss';
 
@@ -70,7 +67,6 @@ const Chat = ({
   historyId: string;
   isPcDevice: boolean;
 }) => {
-  const hasVoiceApi = typeof window === 'undefined' ? false : !!window.speechSynthesis;
   const router = useRouter();
   const theme = useTheme();
 
@@ -536,7 +532,7 @@ const Chat = ({
         <MenuItem onClick={() => delShareChatHistoryItemById(historyId, index)}>删除</MenuItem>
       </MenuList>
     ),
-    [delShareChatHistoryItemById, hasVoiceApi, historyId, onclickCopy, theme.borders.base]
+    [delShareChatHistoryItemById, historyId, onclickCopy, theme.borders.base]
   );
 
   return (
@@ -754,7 +750,9 @@ const Chat = ({
                 </Flex>
               </Flex>
             ))}
-            {shareChatData.history.length === 0 && <Empty model={shareChatData.model} />}
+            {shareChatData.history.length === 0 && (
+              <Empty model={shareChatData.model} showChatProblem={false} />
+            )}
           </Box>
         </Box>
         {/* 发送区 */}
@@ -926,7 +924,7 @@ Chat.getInitialProps = ({ query, req }: any) => {
   return {
     shareId: query?.shareId || '',
     historyId: query?.historyId || '',
-    isPcDevice: !/Mobile/.test(req ? req.headers['user-agent'] : navigator.userAgent)
+    isPcDevice: !/Mobile/.test(req?.headers?.['user-agent'])
   };
 };