diff --git a/src/components/MessageBubble.tsx b/src/components/MessageBubble.tsx index 718ac86..1e3a94f 100644 --- a/src/components/MessageBubble.tsx +++ b/src/components/MessageBubble.tsx @@ -250,7 +250,8 @@ export default function Message(props: { messageIndex: number }) { const chat = chatStore.history[messageIndex]; const [showEdit, setShowEdit] = useState(false); - const [renderMarkdown, setRenderWorkdown] = useState(false); + const { defaultRenderMD } = useContext(AppContext); + const [renderMarkdown, setRenderWorkdown] = useState(defaultRenderMD); const [renderColor, setRenderColor] = useState(false); const { toast } = useToast(); @@ -293,7 +294,7 @@ export default function Message(props: { messageIndex: number }) { )} - {chat.role === "assistant" || chat.role === "received" ? ( + {chat.role === "assistant" ? (
diff --git a/src/components/Settings.tsx b/src/components/Settings.tsx
index 6f4c40c..b889ecf 100644
--- a/src/components/Settings.tsx
+++ b/src/components/Settings.tsx
@@ -477,6 +477,29 @@ const Number = (props: {
);
};
+const DefaultRenderMDCheckbox = () => {
+ const { defaultRenderMD, setDefaultRenderMD } = useContext(AppContext);
+ return (
+
+
+ {
+ setDefaultRenderMD(checked);
+ }}
+ />
+
+
+
+ );
+};
+
const Choice = (props: {
field: "streamMode" | "develop_mode" | "json_mode" | "logprobs";
help: string;
@@ -909,6 +932,7 @@ export default (props: {}) => {
help="开发者模式,开启后会显示更多选项及功能"
{...props}
/>
+
diff --git a/src/pages/App.tsx b/src/pages/App.tsx
index 6b22d71..706d842 100644
--- a/src/pages/App.tsx
+++ b/src/pages/App.tsx
@@ -45,6 +45,8 @@ interface AppContextType {
setTemplateAPIsImageGen: (t: TemplateAPI[]) => void;
templateTools: TemplateTools[];
setTemplateTools: (t: TemplateTools[]) => void;
+ defaultRenderMD: boolean;
+ setDefaultRenderMD: (b: boolean) => void;
}
interface AppChatStoreContextType {
@@ -297,6 +299,14 @@ export function App() {
);
_setTemplateTools(templateTools);
};
+ const [defaultRenderMD, _setDefaultRenderMD] = useState(
+ localStorage.getItem("defaultRenderMD") === "true"
+ );
+ const setDefaultRenderMD = (defaultRenderMD: boolean) => {
+ localStorage.setItem("defaultRenderMD", `${defaultRenderMD}`);
+ _setDefaultRenderMD(defaultRenderMD);
+ };
+
console.log("[PERFORMANCE!] reading localStorage");
return (
@@ -317,6 +327,8 @@ export function App() {
setTemplateAPIsImageGen,
templateTools,
setTemplateTools,
+ defaultRenderMD,
+ setDefaultRenderMD,
}}
>