perf: 登录顺序

src/components/Markdown/index.module.scss

@@ -375,4 +375,9 @@
     width: 100%;
     font-family: 'Söhne,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji';
   }
+
+  a {
+    text-decoration: underline;
+    color: var(--chakra-colors-blue-600);
+  }
 }

src/components/Markdown/index.tsx

@@ -1,12 +1,14 @@
 import React, { memo, useMemo } from 'react';
 import ReactMarkdown from 'react-markdown';
-import remarkGfm from 'remark-gfm';
 import styles from './index.module.scss';
 import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
 import { codeLight } from './codeLight';
 import { Box, Flex } from '@chakra-ui/react';
 import { useCopyData } from '@/utils/tools';
 import Icon from '@/components/Icon';
+import remarkGfm from 'remark-gfm';
+import remarkMath from 'remark-math';
+import rehypeKatex from 'rehype-katex';
 
 const Markdown = ({ source, isChatting }: { source: string; isChatting: boolean }) => {
   const formatSource = useMemo(() => source.replace(/\n/g, '  \n'), [source]);
@@ -17,7 +19,8 @@ const Markdown = ({ source, isChatting }: { source: string; isChatting: boolean
       className={`${styles.markdown} ${
         isChatting ? (source === '' ? styles.waitingAnimation : styles.animation) : ''
       }`}
-      rehypePlugins={[remarkGfm]}
+      remarkPlugins={[remarkMath]}
+      rehypePlugins={[remarkGfm, rehypeKatex]}
       components={{
         pre: 'div',
         code({ node, inline, className, children, ...props }) {
@@ -55,6 +58,7 @@ const Markdown = ({ source, isChatting }: { source: string; isChatting: boolean
           );
         }
       }}
+      linkTarget="_blank"
     >
       {formatSource}
     </ReactMarkdown>

src/pages/login/components/ForgetPasswordForm.tsx

@@ -50,10 +50,6 @@ const RegisterForm = ({ setPageType, loginSuccess }: Props) => {
     async ({ email, code, password }: RegisterType) => {
       setRequesting(true);
       try {
-        toast({
-          title: `密码已找回`,
-          status: 'success'
-        });
         loginSuccess(
           await postFindPassword({
             email,
@@ -61,6 +57,10 @@ const RegisterForm = ({ setPageType, loginSuccess }: Props) => {
             password
           })
         );
+        toast({
+          title: `密码已找回`,
+          status: 'success'
+        });
       } catch (error) {
         typeof error === 'string' &&
           toast({

src/pages/login/components/LoginForm.tsx

@@ -32,16 +32,16 @@ const LoginForm = ({ setPageType, loginSuccess }: Props) => {
     async ({ email, password }: LoginFormType) => {
       setRequesting(true);
       try {
-        toast({
-          title: '登录成功',
-          status: 'success'
-        });
         loginSuccess(
           await postLogin({
             email,
             password
           })
         );
+        toast({
+          title: '登录成功',
+          status: 'success'
+        });
       } catch (error) {
         typeof error === 'string' &&
           toast({

src/pages/login/components/RegisterForm.tsx

@@ -50,10 +50,6 @@ const RegisterForm = ({ setPageType, loginSuccess }: Props) => {
     async ({ email, password, code }: RegisterType) => {
       setRequesting(true);
       try {
-        toast({
-          title: `注册成功`,
-          status: 'success'
-        });
         loginSuccess(
           await postRegister({
             email,
@@ -61,6 +57,10 @@ const RegisterForm = ({ setPageType, loginSuccess }: Props) => {
             password
           })
         );
+        toast({
+          title: `注册成功`,
+          status: 'success'
+        });
       } catch (error) {
         typeof error === 'string' &&
           toast({