23 lines
710 B
TypeScript
23 lines
710 B
TypeScript
|
import { useRouter } from "blitz";
|
||
|
|
|
||
|
|
import Layout from "../core/layouts/layout";
|
||
|
|
|
||
|
|
export default function Offline() {
|
||
|
|
const router = useRouter();
|
||
|
|
return (
|
||
|
|
<Layout title="App went offline">
|
||
|
|
<h2 className="mt-6 text-center text-3xl leading-9 font-extrabold text-gray-900">
|
||
|
|
Oops, looks like you went offline.
|
||
|
|
</h2>
|
||
|
|
<p className="mt-2 text-center text-lg leading-5 text-gray-600">
|
||
|
|
Once you're back online,{" "}
|
||
|
|
<button className="inline-flex space-x-2 items-center text-left" onClick={router.reload}>
|
||
|
|
<span className="transition-colors duration-150 border-b border-primary-200 hover:border-primary-500">
|
||
|
|
reload the page
|
||
|
|
</span>
|
||
|
|
</button>
|
||
|
|
</p>
|
||
|
|
</Layout>
|
||
|
|
);
|
||
|
|
}
|