import { getTranslations, setRequestLocale } from "next-intl/server";
import { redirect } from "next/navigation";
import { ChatRoom } from "@/components/chat-room";
import { requireUser } from "@/lib/session";

export default async function MemberChatPage({
  params,
}: {
  params: Promise<{ locale: string }>;
}) {
  const { locale } = await params;
  setRequestLocale(locale);
  const session = await requireUser();
  if (session.user.role === "ADMIN") redirect(`/${locale}/admin/chat`);
  const t = await getTranslations("chat");
  return (
    <div className="space-y-4">
      <div>
        <h1 className="page-title">{t("title")}</h1>
        <p className="mt-1 text-muted">{t("withAdmin")}</p>
      </div>
      <div className="card overflow-hidden">
        <ChatRoom endpoint="/api/chat" pollEndpoint="/api/chat" viewer="member" />
      </div>
    </div>
  );
}