21 lines
821 B
TypeScript
21 lines
821 B
TypeScript
|
import { Logo } from "@/components/shared/logo"
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Full-screen "we'll be right back" notice rendered in place of the app when
|
||
|
|
* site maintenance mode is on (for everyone except admins).
|
||
|
|
*/
|
||
|
|
export function MaintenanceScreen({ message }: { message?: string | null }) {
|
||
|
|
return (
|
||
|
|
<div className="flex min-h-screen flex-col items-center justify-center gap-6 bg-[#09090b] px-6 text-center text-white">
|
||
|
|
<Logo size="lg" href={null} />
|
||
|
|
<div className="max-w-md">
|
||
|
|
<h1 className="text-3xl font-bold tracking-tight">We'll be right back</h1>
|
||
|
|
<p className="mt-3 text-white/60 leading-relaxed">
|
||
|
|
{message ||
|
||
|
|
"The site is temporarily offline for scheduled maintenance. Please check back shortly — thanks for your patience."}
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|