From f1e40777f1cfe4365d8610df43ca77d093806a46 Mon Sep 17 00:00:00 2001 From: Menthy Date: Wed, 12 Jul 2023 21:51:16 -0700 Subject: [PATCH] 404/500 --- src/app/admin/participants/page.js | 4 +++- src/app/admin/statistics/page.js | 6 ++++-- src/app/admin/teams/page.js | 5 +++-- src/app/error.js | 27 +++++++++++++++++++++++++++ src/app/layout.js | 2 +- src/app/not-found.js | 25 +++++++++++++++++++++++++ 6 files changed, 63 insertions(+), 6 deletions(-) create mode 100644 src/app/error.js create mode 100644 src/app/not-found.js diff --git a/src/app/admin/participants/page.js b/src/app/admin/participants/page.js index ec1eb0f6c..91adf0070 100644 --- a/src/app/admin/participants/page.js +++ b/src/app/admin/participants/page.js @@ -5,7 +5,9 @@ import React from "react"; const ParticipantsPage = () => { return (
- +
+ +
); }; diff --git a/src/app/admin/statistics/page.js b/src/app/admin/statistics/page.js index 073665209..28b1526df 100644 --- a/src/app/admin/statistics/page.js +++ b/src/app/admin/statistics/page.js @@ -3,8 +3,10 @@ import Title from "@/app/components/Title"; const StatisticsPage = () => { return ( -
- + <div className="w-11/12"> + <div className="lg:w-[88%]"> + <Title title="Statistics" /> + </div> </div> ); }; diff --git a/src/app/admin/teams/page.js b/src/app/admin/teams/page.js index 82dcdd88e..4f32e8623 100644 --- a/src/app/admin/teams/page.js +++ b/src/app/admin/teams/page.js @@ -1,11 +1,12 @@ "use client"; import Teams from "@/app/components/Teams"; import React from "react"; - const TeamsPage = () => { return ( <div className="w-11/12"> - <Teams /> + <div className="lg:w-[88%]"> + <Teams /> + </div> </div> ); }; diff --git a/src/app/error.js b/src/app/error.js new file mode 100644 index 000000000..a2b1b1c5d --- /dev/null +++ b/src/app/error.js @@ -0,0 +1,27 @@ +"use client"; + +import { useEffect } from "react"; + +export default function Error({ error }) { + useEffect(() => { + console.error(error); + }, [error]); + + return ( + <div className="w-screen h-screen flex flex-col items-center justify-center fixed"> + <p className="text-center text-6xl font-bold text-hackathon-blue-100"> + 500 + </p> + <p className="text-center text-lg md:text-2xl font-bold text-black"> + {error.message} + </p> + <p className="text-center text-sm md:text-lg text-hackathon-blue-200"></p> + <button + onClick={() => reset()} + className="text-center text-base md:text-xl font-bold text-hackathon-green-200 no-underline" + > + Back To Home Page + </button> + </div> + ); +} diff --git a/src/app/layout.js b/src/app/layout.js index 18b5afddb..1f0205960 100644 --- a/src/app/layout.js +++ b/src/app/layout.js @@ -21,7 +21,7 @@ export default function RootLayout({ children }) { <html lang="en"> <body className={`${poppins.variable} flex flex-col lg:flex-row`}> <Navigation /> - <div className="flex justify-center items-start w-full lg:w-[88%] bg-hackathon-page z-0"> + <div className="flex justify-center items-start w-full bg-hackathon-page z-0"> {children} </div> </body> diff --git a/src/app/not-found.js b/src/app/not-found.js new file mode 100644 index 000000000..b96b5211c --- /dev/null +++ b/src/app/not-found.js @@ -0,0 +1,25 @@ +import React from "react"; + +const error = () => { + return ( + <div className="w-screen h-screen flex flex-col items-center justify-center fixed"> + <p className="text-center text-6xl font-bold text-hackathon-blue-100"> + 404 + </p> + <p className="text-center text-lg md:text-2xl font-bold text-black"> + Page Not Found + </p> + <p className="text-center text-sm md:text-lg text-hackathon-blue-200"> + The page you are looking for does not seem to exist + </p> + <a + href="/" + className="text-center text-base md:text-xl font-bold text-hackathon-green-200 no-underline" + > + Back To Home Page + </a> + </div> + ); +}; + +export default error;