feat: add error page

src/app/api/data/[facultyId]/route.ts

@@ -34,8 +34,9 @@ export async function GET(
   } catch (error) {
     // eslint-disable-next-line no-console
     console.error(error);
-    // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
-    return new Response(`Internal Server Error ${error}`, { status: 200 });
+
+    const errorUrl = new URL(`/error-page?message=${encodeURIComponent(error.message)}`, _request.url);
+    return NextResponse.redirect(errorUrl, 302);
   }
 }
 

src/pages/error-page.tsx

@@ -0,0 +1,39 @@
+import { useRouter } from 'next/router';
+import { useEffect, useState } from 'react';
+
+const ErrorPage = () => {
+  const router = useRouter();
+  const [errorMessage, setErrorMessage] = useState<string | null>(null);
+
+  useEffect(() => {
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    if (router.query.message) {
+      setErrorMessage(decodeURIComponent(router.query.message as string));
+    }
+  }, [router.query]);
+
+  return (
+    <div style={{ padding: '20px', textAlign: 'center' }}>
+      <h1>Wystąpił błąd</h1>
+      {(errorMessage !== null) ? (
+        <p>{errorMessage}</p>
+      ) : (
+        <p>Nie udało się załadować szczegółów błędu.</p>
+      )}
+      <button
+        // eslint-disable-next-line @typescript-eslint/no-misused-promises
+        onClick={() => router.push('/')}
+        style={{
+          padding: '10px 20px',
+          fontSize: '16px',
+          cursor: 'pointer',
+          marginTop: '20px',
+        }}
+      >
+        Powrót na stronę główną
+      </button>
+    </div>
+  );
+};
+
+export default ErrorPage;