From d1b32cd40101428a2b7352f0107ed958ccc46d83 Mon Sep 17 00:00:00 2001
From: streaper2 <streaper2@gmail.com>
Date: Wed, 6 May 2026 21:56:52 +0200
Subject: [PATCH] feat: add global error boundary component for handling
 critical application errors

---
 app/global-error.tsx | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 app/global-error.tsx
diff --git a/app/global-error.tsx b/app/global-error.tsx
new file mode 100644
index 0000000..86972fc
--- /dev/null
+++ b/app/global-error.tsx
@@ -0,0 +1,34 @@
+"use client";
+
+export const dynamic = 'force-dynamic';
+
+import React from 'react';
+
+export default function GlobalError({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string };
+  reset: () => void;
+}) {
+  return (
+    <html lang="fr">
+      <head>
+        <meta charSet="utf-8" />
+        <title>Erreur Système - Afrohub</title>
+      </head>
+      <body>
+        <div style={{ textAlign: 'center', padding: '50px', fontFamily: 'sans-serif' }}>
+          <h2>Erreur critique du serveur</h2>
+          <p style={{ color: '#666', marginBottom: '20px' }}>Une erreur inattendue s'est produite.</p>
+          <button
+            onClick={() => reset()}
+            style={{ padding: '10px 20px', cursor: 'pointer', backgroundColor: '#ef4444', color: 'white', border: 'none', borderRadius: '8px', fontWeight: 'bold' }}
+          >
+            Recharger l'application
+          </button>
+        </div>
+      </body>
+    </html>
+  );
+}
