atridad/pollo
1
0
Fork 0
Code Activity Actions

???

Browse source
This commit is contained in:
Atridad Lahiji 2023-11-27 16:36:53 -07:00 • committed by atridadl
parent 065a5c83fc
commit d5a53dbe35
No known key found for this signature in database
1 changed files with 50 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
app/components/FourOhFour.tsx
View file

@ -3,21 +3,12 @@ import { Link, isRouteErrorResponse, useRouteError } from "@remix-run/react";
export default function FourOhFour() { export default function FourOhFour() {
const error = useRouteError(); const error = useRouteError();
// Default errors
let status = 500;
let message =
"Something wen't wrong! Please sign out, back in, and give it another try!";
// If error response is sent, use correct errors // If error response is sent, use correct errors
if (isRouteErrorResponse(error)) { if (isRouteErrorResponse(error)) {
message = error.statusText;
status = error.status;
}
return ( return (
<span className="text-center"> <span className="text-center">
<h1 className="text-5xl font-bold m-2">Error {status}</h1> <h1 className="text-5xl font-bold m-2">Error {error.status}</h1>
<h1 className="text-5xl font-bold m-2">{message}</h1> <h1 className="text-5xl font-bold m-2">{error.statusText}</h1>
<h2 className="text-2xl font-bold m-2"> <h2 className="text-2xl font-bold m-2">
If you believe you reached this page in error, please file an issue{" "} If you believe you reached this page in error, please file an issue{" "}
<a <a
@ -36,4 +27,49 @@ export default function FourOhFour() {
</Link> </Link>
</span> </span>
); );
} else if (error instanceof Error) {
return (
<span className="text-center">
<h1 className="text-5xl font-bold m-2">Error 500</h1>
<h2 className="text-2xl font-bold m-2">
If you believe you reached this page in error, please file an issue{" "}
<a
href="https://github.com/atridadl/sprintpadawan/issues/new"
className="link link-secondary"
>
here
</a>
</h2>
<Link
about="Back to home."
to="/"
className="btn btn-secondary normal-case text-xl m-2"
>
Back to Home
</Link>
</span>
);
} else {
return(
<span className="text-center">
<h1 className="text-5xl font-bold m-2">Error {error.status}</h1>
<h1 className="text-5xl font-bold m-2">{error.statusText}</h1>
<h2 className="text-2xl font-bold m-2">
If you believe you reached this page in error, please file an issue{" "}
<a
href="https://github.com/atridadl/sprintpadawan/issues/new"
className="link link-secondary"
>
here
</a>
</h2>
<Link
about="Back to home."
to="/"
className="btn btn-secondary normal-case text-xl m-2"
>
Back to Home
</Link>
</span>)
}
} }