@common-stack/frontend-stack-react 6.0.6-alpha.5 → 6.0.6-alpha.6

package/lib/entries/antui/components/ErrorBoundary.js

@@ -1,12 +1,21 @@
-import*as React from'react';import {Error500}from'@admin-layout/ant-ui';import {useRouteError,isRouteErrorResponse}from'@remix-run/react';function ErrorBoundary() {
+import*as React from'react';import {useRouteError,isRouteErrorResponse}from'@remix-run/react';function ErrorBoundary() {
     const error = useRouteError();
     if (isRouteErrorResponse(error)) {
-        return React.createElement(Error500, { title: `Route Error: ${error.statusText}`, status: error.status, data: error.data });
+        return (React.createElement("div", null,
+            React.createElement("h1", null,
+                error.status,
+                " ",
+                error.statusText),
+            React.createElement("p", null, error.data)));
     }
     else if (error instanceof Error) {
-        return React.createElement(Error500, { title: error.message, status: "500", data: error.stack });
+        return (React.createElement("div", null,
+            React.createElement("h1", null, "Error"),
+            React.createElement("p", null, error.message),
+            React.createElement("p", null, "The stack trace is:"),
+            React.createElement("pre", null, error.stack)));
     }
     else {
-        return React.createElement(Error500, { title: "Unknown Error", status: "500", data: error });
+        return React.createElement("h1", null, "Unknown Error");
     }
 }export{ErrorBoundary};

package/lib/entries/chakraui/components/ErrorBoundary.js

@@ -1,15 +1,24 @@
-import*as React from'react';import {useRouteError,isRouteErrorResponse}from'@remix-run/react';import Error500 from'./Error500.js';function ErrorBoundary() {
+import*as React from'react';import {useRouteError,isRouteErrorResponse}from'@remix-run/react';function ErrorBoundary() {
     const error = useRouteError();
     React.useEffect(() => {
         console.trace(error);
     }, [error]);
     if (isRouteErrorResponse(error)) {
-        return React.createElement(Error500, { title: error.statusText, status: error.status, data: error.data });
+        return (React.createElement("div", null,
+            React.createElement("h1", null,
+                error.status,
+                " ",
+                error.statusText),
+            React.createElement("p", null, error.data)));
     }
     else if (error instanceof Error) {
-        return React.createElement(Error500, { title: error.message, status: "500", data: error.stack });
+        return (React.createElement("div", null,
+            React.createElement("h1", null, "Error"),
+            React.createElement("p", null, error.message),
+            React.createElement("p", null, "The stack trace is:"),
+            React.createElement("pre", null, error.stack)));
     }
     else {
-        return React.createElement(Error500, { title: "Unknown Error", status: "500", data: error });
+        return React.createElement("h1", null, "Unknown Error");
     }
 }export{ErrorBoundary};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@common-stack/frontend-stack-react",
-    "version": "6.0.6-alpha.5",
+    "version": "6.0.6-alpha.6",
     "description": "Client Module for react app",
     "homepage": "https://github.com/cdmbase/fullstack-pro#readme",
     "bugs": {
@@ -97,5 +97,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "d91b9b71d873a56f2f576aea95e0be5471550408"
+    "gitHead": "d2156c5ec927c17faca0781867c440fe73ba1b59"
 }

package/lib/entries/chakraui/components/Error500.js

@@ -1,14 +0,0 @@
-import*as React from'react';import {Box,VStack,Heading,Text,Code,Button}from'@chakra-ui/react';const Error500 = ({ title, status, data }) => {
-    const handleReload = () => {
-        window.location.reload();
-    };
-    return (React.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center", height: "100vh" },
-        React.createElement(VStack, { spacing: 4, textAlign: "center" },
-            React.createElement(Heading, { as: "h1", size: "xl" },
-                "Error ",
-                status),
-            React.createElement(Text, null, title),
-            data && (React.createElement(Box, { maxW: "md", mx: "auto", overflow: "auto" },
-                React.createElement(Code, { p: 4, display: "block", whiteSpace: "pre", textAlign: "left" }, typeof data === 'string' ? data : JSON.stringify(data, null, 2)))),
-            React.createElement(Button, { colorScheme: "teal", onClick: handleReload }, "Reload"))));
-};export{Error500 as default};