perf: 登录顺序

package.json

@@ -38,7 +38,9 @@
     "react-hook-form": "^7.43.1",
     "react-markdown": "^8.0.5",
     "react-syntax-highlighter": "^15.5.0",
+    "rehype-katex": "^6.0.2",
     "remark-gfm": "^3.0.1",
+    "remark-math": "^5.1.1",
     "sass": "^1.58.3",
     "sharp": "^0.31.3",
     "tunnel": "^0.0.6",
@@ -56,11 +58,11 @@
     "@types/react-syntax-highlighter": "^15.5.6",
     "@types/tunnel": "^0.0.3",
     "@types/uuid": "^9.0.1",
+    "eslint": "8.34.0",
+    "eslint-config-next": "13.1.6",
     "husky": "^8.0.3",
     "lint-staged": "^13.1.2",
-    "prettier": "^2.8.4",
-    "eslint": "8.34.0",
-    "eslint-config-next": "13.1.6"
+    "prettier": "^2.8.4"
   },
   "lint-staged": {
     "./src/**/*.{ts,tsx,scss}": "npm run format"

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({