@djangocfg/layouts 2.1.411 → 2.1.412

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/layouts",
-  "version": "2.1.411",
+  "version": "2.1.412",
   "description": "Simple, straightforward layout components for Next.js - import and use with props",
   "keywords": [
     "layouts",
@@ -84,13 +84,13 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/api": "^2.1.411",
-    "@djangocfg/centrifugo": "^2.1.411",
-    "@djangocfg/debuger": "^2.1.411",
-    "@djangocfg/i18n": "^2.1.411",
-    "@djangocfg/monitor": "^2.1.411",
-    "@djangocfg/ui-core": "^2.1.411",
-    "@djangocfg/ui-nextjs": "^2.1.411",
+    "@djangocfg/api": "^2.1.412",
+    "@djangocfg/centrifugo": "^2.1.412",
+    "@djangocfg/debuger": "^2.1.412",
+    "@djangocfg/i18n": "^2.1.412",
+    "@djangocfg/monitor": "^2.1.412",
+    "@djangocfg/ui-core": "^2.1.412",
+    "@djangocfg/ui-nextjs": "^2.1.412",
     "@hookform/resolvers": "^5.2.2",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
@@ -121,15 +121,15 @@
     "uuid": "^11.1.0"
   },
   "devDependencies": {
-    "@djangocfg/api": "^2.1.411",
-    "@djangocfg/centrifugo": "^2.1.411",
-    "@djangocfg/debuger": "^2.1.411",
-    "@djangocfg/i18n": "^2.1.411",
-    "@djangocfg/monitor": "^2.1.411",
-    "@djangocfg/typescript-config": "^2.1.411",
-    "@djangocfg/ui-core": "^2.1.411",
-    "@djangocfg/ui-nextjs": "^2.1.411",
-    "@djangocfg/ui-tools": "^2.1.411",
+    "@djangocfg/api": "^2.1.412",
+    "@djangocfg/centrifugo": "^2.1.412",
+    "@djangocfg/debuger": "^2.1.412",
+    "@djangocfg/i18n": "^2.1.412",
+    "@djangocfg/monitor": "^2.1.412",
+    "@djangocfg/typescript-config": "^2.1.412",
+    "@djangocfg/ui-core": "^2.1.412",
+    "@djangocfg/ui-nextjs": "^2.1.412",
+    "@djangocfg/ui-tools": "^2.1.412",
     "@types/node": "^25.2.3",
     "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",

package/src/components/errors/ErrorBoundary.tsx

@@ -23,6 +23,8 @@ interface ErrorBoundaryState {
 }
 
 export class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+  private handlePopState: (() => void) | null = null;
+
   constructor(props: ErrorBoundaryProps) {
     super(props);
     this.state = { hasError: false, error: null };
@@ -33,17 +35,36 @@ export class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundarySt
   }
 
   componentDidCatch(error: Error, errorInfo: ErrorInfo) {
-    // Call custom error handler if provided
     if (this.props.onError) {
       this.props.onError(error, errorInfo);
     }
 
-    // Log to console in development
     if (isDev) {
       console.error('ErrorBoundary caught an error:', error, errorInfo);
     }
   }
 
+  componentDidUpdate(_prevProps: ErrorBoundaryProps, prevState: ErrorBoundaryState) {
+    if (this.state.hasError && !prevState.hasError) {
+      this.handlePopState = () => {
+        window.location.reload();
+      };
+      window.addEventListener('popstate', this.handlePopState);
+    } else if (!this.state.hasError && prevState.hasError) {
+      if (this.handlePopState) {
+        window.removeEventListener('popstate', this.handlePopState);
+        this.handlePopState = null;
+      }
+    }
+  }
+
+  componentWillUnmount() {
+    if (this.handlePopState) {
+      window.removeEventListener('popstate', this.handlePopState);
+      this.handlePopState = null;
+    }
+  }
+
   render() {
     if (this.state.hasError) {
       const title = getT('layouts.errors.somethingWentWrong');

package/src/components/errors/ErrorLayout.tsx

@@ -258,10 +258,9 @@ export function ErrorLayout({
   const handleGoBack = () => {
     if (document.referrer && document.referrer !== window.location.href) {
       window.location.href = document.referrer;
-    } else if (window.history.length > 1) {
-      window.history.back();
     } else {
-      window.location.href = '/';
+      window.history.back();
+      setTimeout(() => window.location.reload(), 100);
     }
   };