25 lines
1.1 KiB
TypeScript
25 lines
1.1 KiB
TypeScript
import Link from "next/link"
|
|
import { AlertCircle, ExternalLink } from "lucide-react"
|
|
|
|
export function WorkspaceSessionMissing({ saasUrl }: { saasUrl?: string }) {
|
|
const fallbackUrl = saasUrl ?? process.env.NEXT_PUBLIC_SAAS_URL ?? "/"
|
|
return (
|
|
<div className="min-h-[60vh] flex items-center justify-center p-6">
|
|
<div className="max-w-md w-full text-center space-y-3 bg-white rounded-xl shadow-sm border p-8">
|
|
<AlertCircle className="size-10 mx-auto text-amber-500" />
|
|
<h1 className="text-lg font-semibold">Workspace session not found</h1>
|
|
<p className="text-sm text-muted-foreground">
|
|
Please open your garage from the SaaS dashboard to get a fresh handoff link.
|
|
</p>
|
|
<Link
|
|
href={fallbackUrl}
|
|
className="inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm border bg-white hover:bg-muted/40 transition"
|
|
>
|
|
<ExternalLink className="size-3.5" />
|
|
Back to SaaS dashboard
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|