shellphone.app/app/pages/_offline.tsx
m5r 931384b468 improve loading states:
* app loader
 * specific loaders with spinner
2021-10-18 00:06:45 +02:00

23 lines
719 B
TypeScript

import { useRouter } from "blitz";
import AppLayout from "../core/layouts/layout";
export default function Offline() {
const router = useRouter();
return (
<AppLayout 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&apos;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>
</AppLayout>
);
}