feat: Implement initial full-stack application structure including frontend pages, components, hooks, API integration, and backend services for account pooling and management.

2026-01-30 07:40:35 +08:00
commit f4448bbef2
106 changed files with 19282 additions and 0 deletions
--- a/frontend/src/components/common/ErrorBoundary.tsx
+++ b/frontend/src/components/common/ErrorBoundary.tsx
@@ -0,0 +1,61 @@
+import { Component, type ErrorInfo, type ReactNode } from 'react'
+import { AlertTriangle, RefreshCw } from 'lucide-react'
+import Button from './Button'
+
+interface Props {
+    children: ReactNode
+    fallback?: ReactNode
+}
+
+interface State {
+    hasError: boolean
+    error: Error | null
+}
+
+export class ErrorBoundary extends Component<Props, State> {
+    constructor(props: Props) {
+        super(props)
+        this.state = { hasError: false, error: null }
+    }
+
+    static getDerivedStateFromError(error: Error): State {
+        return { hasError: true, error }
+    }
+
+    componentDidCatch(error: Error, errorInfo: ErrorInfo) {
+        console.error('ErrorBoundary caught an error:', error, errorInfo)
+    }
+
+    handleReset = () => {
+        this.setState({ hasError: false, error: null })
+    }
+
+    render() {
+        if (this.state.hasError) {
+            if (this.props.fallback) {
+                return this.props.fallback
+            }
+
+            return (
+                <div className="min-h-[400px] flex items-center justify-center p-8">
+                    <div className="text-center max-w-md">
+                        <div className="h-16 w-16 mx-auto mb-4 rounded-2xl bg-red-100 dark:bg-red-900/30 flex items-center justify-center">
+                            <AlertTriangle className="h-8 w-8 text-red-500" />
+                        </div>
+                        <h2 className="text-xl font-bold text-slate-900 dark:text-slate-100 mb-2">
+                            出错了
+                        </h2>
+                        <p className="text-slate-500 dark:text-slate-400 mb-4">
+                            {this.state.error?.message || '发生了一个意外错误'}
+                        </p>
+                        <Button onClick={this.handleReset} icon={<RefreshCw className="h-4 w-4" />}>
+                            重试
+                        </Button>
+                    </div>
+                </div>
+            )
+        }
+
+        return this.props.children
+    }
+}