From ee4684f002d8b66cbfac090ae991021dae35b4ce Mon Sep 17 00:00:00 2001
From: admin <1297598740@qq.com>
Date: Fri, 30 Jan 2026 10:09:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E9=80=9A=E7=94=A8?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF=E9=A1=B5=E9=9D=A2=E7=BB=84=E4=BB=B6=E5=8F=8A?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=EF=BC=8C=E7=94=A8=E4=BA=8E=E5=A4=84=E7=90=86?=
 =?UTF-8?q?=E8=B7=AF=E7=94=B1=E5=92=8C=E5=BA=94=E7=94=A8=E9=94=99=E8=AF=AF?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/ErrorPage/ErrorPage.css |   1 +
 src/components/common/ErrorPage/ErrorPage.tsx | 106 +++++++++---------
 2 files changed, 54 insertions(+), 53 deletions(-)

diff --git a/src/components/common/ErrorPage/ErrorPage.css b/src/components/common/ErrorPage/ErrorPage.css
index e631699..eb7caf1 100644
--- a/src/components/common/ErrorPage/ErrorPage.css
+++ b/src/components/common/ErrorPage/ErrorPage.css
@@ -44,6 +44,7 @@
     margin-bottom: 12px;
     background: linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);
     -webkit-background-clip: text;
+    background-clip: text;
     -webkit-text-fill-color: transparent;
 }
 
diff --git a/src/components/common/ErrorPage/ErrorPage.tsx b/src/components/common/ErrorPage/ErrorPage.tsx
index d133ea4..b68c4db 100644
--- a/src/components/common/ErrorPage/ErrorPage.tsx
+++ b/src/components/common/ErrorPage/ErrorPage.tsx
@@ -5,66 +5,66 @@ import { Icon } from '@iconify/react';
 import './ErrorPage.css';
 
 const ErrorPage: React.FC = () => {
-  const error = useRouteError();
-  const navigate = useNavigate();
+    const error = useRouteError();
+    const navigate = useNavigate();
 
-  let errorMessage = 'An unexpected error has occurred.';
-  let errorStatus = 'Error';
+    let errorMessage = 'An unexpected error has occurred.';
+    let errorStatus = 'Error';
 
-  if (isRouteErrorResponse(error)) {
-    // Handle specific router errors (404, 401, etc.)
-    errorStatus = `${error.status}`;
-    errorMessage = error.statusText || error.data?.message || 'Page not found';
-  } else if (error instanceof Error) {
-    // Handle standard generic errors
-    errorMessage = error.message;
-    // Special handling for Minified React Error #310 or similar
-    if (errorMessage.includes('Minified React error')) {
-      errorMessage = 'Application encountered a rendering error. Please reload.';
+    if (isRouteErrorResponse(error)) {
+        // Handle specific router errors (404, 401, etc.)
+        errorStatus = `${error.status}`;
+        errorMessage = error.statusText || error.data?.message || 'Page not found';
+    } else if (error instanceof Error) {
+        // Handle standard generic errors
+        errorMessage = error.message;
+        // Special handling for Minified React Error #310 or similar
+        if (errorMessage.includes('Minified React error')) {
+            errorMessage = 'Application encountered a rendering error. Please reload.';
+        }
+    } else if (typeof error === 'string') {
+        errorMessage = error;
     }
-  } else if (typeof error === 'string') {
-    errorMessage = error;
-  }
 
-  const handleReload = () => {
-    window.location.reload();
-  };
+    const handleReload = () => {
+        window.location.reload();
+    };
 
-  const handleGoHome = () => {
-    navigate('/');
-    // Optional: reload specific parts or reset state if needed
-    // window.location.href = '/'; 
-  };
+    const handleGoHome = () => {
+        navigate('/');
+        // Optional: reload specific parts or reset state if needed
+        // window.location.href = '/'; 
+    };
 
-  return (
-    <div className="error-page">
-      <div className="error-card glass-panel">
-        <div className="error-icon-wrapper">
-          <Icon icon="solar:danger-triangle-bold-duotone" width="64" className="error-icon" />
+    return (
+        <div className="error-page">
+            <div className="error-card glass-panel">
+                <div className="error-icon-wrapper">
+                    <Icon icon="solar:danger-triangle-bold-duotone" width="64" className="error-icon" />
+                </div>
+
+                <h1 className="error-title">{errorStatus === 'Error' ? 'Oops!' : errorStatus}</h1>
+                <p className="error-message">{errorMessage}</p>
+
+                <div className="error-actions">
+                    <button onClick={handleReload} className="error-btn error-btn--primary">
+                        <Icon icon="solar:refresh-circle-bold-duotone" width="20" />
+                        Reload Page
+                    </button>
+                    <button onClick={handleGoHome} className="error-btn error-btn--secondary">
+                        <Icon icon="solar:home-smile-bold-duotone" width="20" />
+                        Go Home
+                    </button>
+                </div>
+
+                {import.meta.env.DEV && error instanceof Error && (
+                    <div className="error-stack">
+                        <pre>{error.stack}</pre>
+                    </div>
+                )}
+            </div>
         </div>
-        
-        <h1 className="error-title">{errorStatus === 'Error' ? 'Oops!' : errorStatus}</h1>
-        <p className="error-message">{errorMessage}</p>
-        
-        <div className="error-actions">
-          <button onClick={handleReload} className="error-btn error-btn--primary">
-            <Icon icon="solar:refresh-circle-bold-duotone" width="20" />
-            Reload Page
-          </button>
-          <button onClick={handleGoHome} className="error-btn error-btn--secondary">
-            <Icon icon="solar:home-smile-bold-duotone" width="20" />
-            Go Home
-          </button>
-        </div>
-
-        {process.env.NODE_ENV === 'development' && error instanceof Error && (
-          <div className="error-stack">
-            <pre>{error.stack}</pre>
-          </div>
-        )}
-      </div>
-    </div>
-  );
+    );
 };
 
 export default ErrorPage;