32 lines
979 B
TypeScript
32 lines
979 B
TypeScript
import { Link, isRouteErrorResponse, useRouteError } from "@remix-run/react";
|
||
|
||
export default function FourOhFour() {
|
||
const error = useRouteError();
|
||
let message =
|
||
"Oops! This room does not appear to exist, or may have been deleted! 😢";
|
||
if (isRouteErrorResponse(error)) {
|
||
message = error.statusText;
|
||
}
|
||
return (
|
||
<span className="text-center">
|
||
<h1 className="text-5xl font-bold m-2">4️⃣0️⃣4️⃣</h1>
|
||
<h1 className="text-5xl font-bold m-2">{message}</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>
|
||
);
|
||
}
|