fixes: css improvements and UI redesign for manga info page

1 files changed, 24 insertions, 0 deletions

diff --git a/src/app/error.jsx b/src/app/error.jsx
new file mode 100644
index 0000000..fabcb0c
--- /dev/null
+++ b/src/app/error.jsx
@@ -0,0 +1,24 @@
+"use client"; // Error components must be Client Components
+
+import { useEffect } from "react";
+import "./globals.css";
+
+export default function Error({ error, reset }) {
+	useEffect(() => {
+		console.log(error);
+	}, [error]);
+
+	return (
+		<div className="ErrorContainer">
+			<p>Something went wrong!</p>
+			<button
+				onClick={
+					// Attempt to recover by trying to re-render the segment
+					() => reset()
+				}
+			>
+				Try again
+			</button>
+		</div>
+	);
+}