chore: updates

src/components/ErrorCatcher.tsx

@@ -1,5 +1,6 @@
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 import { ErrorBoundary } from "react-error-boundary";
+import StyledButton from "./styled/Button";
 
 type FallbackProps = {
   error: Error;
@@ -10,7 +11,9 @@ function ErrorFallback({ error, resetErrorBoundary }: FallbackProps) {
     <div role="alert" className="text-lg text-red-600">
       <p>Something went wrong:</p>
       <pre>{error.message}</pre>
-      <button onClick={resetErrorBoundary}>Try again</button>
+      <StyledButton className="mini" onClick={resetErrorBoundary}>
+        Try again
+      </StyledButton>
     </div>
   );
 }

src/hooks/useDeleteMessage.ts

@@ -22,7 +22,7 @@ export default function useDeleteMessage() {
     if (!mids) return;
     const _arr = Array.isArray(mids) ? mids : [mids];
     setDeleting(true);
-    if (compareVersion(serverVersion, "0.3.11") > -1) {
+    if (compareVersion(serverVersion, "0.3.10") > -1) {
       // batch delete
       await batchRemove(_arr);
     } else {

src/hooks/useStreaming/index.ts

@@ -108,7 +108,6 @@ export default function useStreaming() {
       } else {
         _token = resp.data.token;
       }
-      // return;
     }
     // 开始初始化
     const params: {
@@ -138,6 +137,7 @@ export default function useStreaming() {
       // 断网了
       if (!navigator.onLine) {
         stopStreaming();
+        return;
       }
       const { readyState } = err.target as EventSource;
       console.info("sse error", readyState, err);