@digi-frontend/dgate-api-documentation 2.0.1-test.6 → 2.0.1-test.8

package/dist/index.cjs

@@ -791,20 +791,53 @@ var SidebarErrorBoundary = class extends react.default.Component {
 		}, 0);
 	}
 	render() {
-		if (this.state.hasError) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		if (this.state.hasError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Sider, {
+			width: 280,
 			style: {
-				color: "red",
-				padding: 24,
-				border: "1px solid red"
+				backgroundColor: "#f5f5f5",
+				border: "1px solid #d9d9d9"
 			},
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: "Sidebar Error" }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: "The sidebar component crashed. Check console for details." }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
-					style: { fontSize: "12px" },
-					children: this.state.error?.message
-				})
-			]
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: { padding: 16 },
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
+						style: {
+							color: "#ff4d4f",
+							margin: 0,
+							marginBottom: 8
+						},
+						children: "Sidebar Test Mode"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: {
+							margin: 0,
+							fontSize: "12px",
+							color: "#666"
+						},
+						children: "Original sidebar failed. This is a test element."
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+						style: {
+							marginTop: 8,
+							fontSize: "11px"
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", {
+							style: {
+								cursor: "pointer",
+								color: "#1890ff"
+							},
+							children: "Error Details"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+							style: {
+								marginTop: 4,
+								fontSize: "10px",
+								color: "#ff4d4f"
+							},
+							children: this.state.error?.message
+						})]
+					})
+				]
+			})
 		});
 		return this.props.children;
 	}