import { redirect } from "next/navigation";
import { getServerSession } from "next-auth";
import { authOptions } from "@/lib/auth";
import { DashboardShell } from "@/components/DashboardShell";
import { JobProgress } from "@/components/JobProgress";

type Props = {
  params: Promise<{ id: string }>;
};

export default async function JobPage({ params }: Props) {
  const session = await getServerSession(authOptions);
  if (!session) redirect("/");

  const { id } = await params;

  return (
    <DashboardShell channelTitle={session.user.channelTitle}>
      <div className="mx-auto max-w-4xl px-6 py-8">
        <JobProgress jobId={id} />
      </div>
    </DashboardShell>
  );
}
