import { useRouter } from "next/navigation";
import { useEffect } from "react";
import { env } from "next-runtime-env";

import { authClient } from "@kan/auth/client";

import { PageHead } from "~/components/PageHead";
import SelectPlanView from "~/views/onboarding/select-plan";

export default function SelectPlanPage() {
  const router = useRouter();
  const { data: session, isPending } = authClient.useSession();

  useEffect(() => {
    if (!isPending && !session?.user) {
      router.push("/login");
    }
    if (!isPending && env("NEXT_PUBLIC_KAN_ENV") !== "cloud") {
      router.push("/boards");
    }
  }, [session, isPending, router]);

  if (isPending || !session?.user) return null;

  return (
    <>
      <PageHead title="Select plan | kan.bn" />
      <SelectPlanView />
    </>
  );
}