langfuse

1
import { Button } from "@/src/components/ui/button";
2
import { AlertCircle } from "lucide-react";
3
import { useSession } from "next-auth/react";
4
import { useRouter } from "next/router";
5

6
export const NoAccessError = () => {
7
  const session = useSession();
8
  const router = useRouter();
9

10
  return (
11
    <div className="flex h-screen flex-col items-center justify-center">
12
      <AlertCircle className="mb-4 h-12 w-12 text-red-500" />
13
      <h1 className="mb-4 text-xl font-bold">Error</h1>
14
      <p className="mb-8 text-center">
15
        You do not have access to this resource.
16
      </p>
17
      {session.status === "unauthenticated" ? (
18
        <Button onClick={() => void router.push("/")}>Sign In</Button>
19
      ) : null}
20
    </div>
21
  );
22
};
23