@cryptiklemur/lattice 0.0.0 → 1.1.0

package/client/src/components/ui/ErrorBoundary.tsx

@@ -1,56 +1,56 @@
-import { Component } from "react";
-import type { ReactNode, ErrorInfo } from "react";
-
-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, info: ErrorInfo) {
-    console.error("[lattice] Render error:", error, info.componentStack);
-  }
-
-  handleReload() {
-    window.location.reload();
-  }
-
-  render() {
-    if (this.state.hasError) {
-      if (this.props.fallback) {
-        return this.props.fallback;
-      }
-      return (
-        <div className="min-h-screen bg-base-100 flex items-center justify-center">
-          <div className="text-center max-w-[400px] p-8">
-            <h2 className="text-[20px] font-semibold text-error mb-3">Something went wrong</h2>
-            <p className="text-[14px] text-base-content/60 mb-5">
-              {this.state.error?.message || "An unexpected error occurred."}
-            </p>
-            <button
-              onClick={this.handleReload}
-              className="btn btn-primary btn-sm"
-            >
-              Reload
-            </button>
-          </div>
-        </div>
-      );
-    }
-    return this.props.children;
-  }
-}
+import { Component } from "react";
+import type { ReactNode, ErrorInfo } from "react";
+
+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, info: ErrorInfo) {
+    console.error("[lattice] Render error:", error, info.componentStack);
+  }
+
+  handleReload() {
+    window.location.reload();
+  }
+
+  render() {
+    if (this.state.hasError) {
+      if (this.props.fallback) {
+        return this.props.fallback;
+      }
+      return (
+        <div className="min-h-screen bg-base-100 flex items-center justify-center">
+          <div className="text-center max-w-[400px] p-8">
+            <h2 className="text-[20px] font-semibold text-error mb-3">Something went wrong</h2>
+            <p className="text-[14px] text-base-content/60 mb-5">
+              {this.state.error?.message || "An unexpected error occurred."}
+            </p>
+            <button
+              onClick={this.handleReload}
+              className="btn btn-primary btn-sm"
+            >
+              Reload
+            </button>
+          </div>
+        </div>
+      );
+    }
+    return this.props.children;
+  }
+}