Merge pull request #21 from devchat-ai/feat/fixregeneration

Refactor RegenerationButton component and reset error message in Chat…

Author: small-stone

src/views/components/RegenerationButton/index.tsx

@@ -1,43 +1,44 @@
-
-import * as React from 'react';
-import { Button } from '@mantine/core';
-import { IconRotateDot } from '@tabler/icons-react';
+import * as React from "react";
+import { Button } from "@mantine/core";
+import { IconRotateDot } from "@tabler/icons-react";
 import { observer } from "mobx-react-lite";
 import { useMst } from "@/views/stores/RootStore";
 
-
 const RegenerationButton = observer(() => {
-    const { chat } = useMst();
-    return (<Button
-        size='xs'
-        sx={{
-            backgroundColor:"#ED6A45",
-            fontFamily: 'var(--vscode-editor-font-familyy)',
-            fontSize: 'var(--vscode-editor-font-size)',
-            color:"#fff",
-            "&:hover":{
-                backgroundColor:"#ED6A45",
-                opacity: 0.8,
-            },
-            "&:focus":{
-                backgroundColor:"#ED6A45",
-                opacity: 0.8,
-            }
-        }}
-        styles={{
-            icon: {
-                color:"#fff",
-            },
-            label: {
-                fontSize: 'var(--vscode-editor-font-size)',
-                color:"#fff",
-            }
-        }}
-        leftIcon={<IconRotateDot color='var(--vscode-button-foreground)' />}
-        onClick={() => chat.reGenerating()}
-        variant="white" >
-        Regeneration
-    </Button >);
+  const { chat } = useMst();
+  return (
+    <Button
+      size="xs"
+      sx={{
+        backgroundColor: "#ED6A45",
+        fontFamily: "var(--vscode-editor-font-familyy)",
+        fontSize: "var(--vscode-editor-font-size)",
+        color: "#fff",
+        "&:hover": {
+          backgroundColor: "#ED6A45",
+          opacity: 0.8,
+        },
+        "&:focus": {
+          backgroundColor: "#ED6A45",
+          opacity: 0.8,
+        },
+      }}
+      styles={{
+        icon: {
+          color: "#fff",
+        },
+        label: {
+          fontSize: "var(--vscode-editor-font-size)",
+          color: "#fff",
+        },
+      }}
+      leftIcon={<IconRotateDot color="#fff" />}
+      onClick={() => chat.reGenerating()}
+      variant="white"
+    >
+      Regeneration
+    </Button>
+  );
 });
 
-export default RegenerationButton;
+export default RegenerationButton;

src/views/stores/ChatStore.ts

@@ -403,6 +403,7 @@ Thinking...
           self.isLastPage = true;
           if (reset) {
             self.messages = [] as any;
+            self.errorMessage = "";
           }
           if (self.messages.length === 0) {
             helpMessage(true);