ADD: fixed sime routing issues and docker file issues

2026-03-13 13:18:47 +01:00
parent b3684c86b5
commit cf66d914de
7 changed files with 32 additions and 9 deletions
@@ -1,6 +1,27 @@
-import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "react-router";
+import { Links, Meta, Outlet, Scripts, ScrollRestoration, isRouteErrorResponse, useRouteError } from "react-router";
 import "./app.css";

+export function ErrorBoundary() {
+  const error = useRouteError();
+  const message = isRouteErrorResponse(error)
+    ? `${error.status} ${error.statusText}`
+    : error instanceof Error
+    ? error.message
+    : String(error);
+  const stack = error instanceof Error ? error.stack : undefined;
+  return (
+    <html lang="de">
+      <head><meta charSet="utf-8" /><Meta /><Links /></head>
+      <body style={{ fontFamily: "monospace", padding: "2rem", background: "#fff1f2", color: "#9f1239" }}>
+        <h1 style={{ fontSize: "1.5rem", fontWeight: 700, marginBottom: "1rem" }}>Fehler</h1>
+        <pre style={{ whiteSpace: "pre-wrap", wordBreak: "break-word", background: "#ffe4e6", padding: "1rem", borderRadius: "0.5rem" }}>{message}</pre>
+        {stack && <pre style={{ marginTop: "1rem", fontSize: "0.75rem", color: "#64748b", whiteSpace: "pre-wrap" }}>{stack}</pre>}
+        <Scripts />
+      </body>
+    </html>
+  );
+}
+
 export function Layout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="de">