Function ChatLayout

frontend/src/components/chat/chat-layout.tsx:9–42

({
  children,
}: {
  children: React.ReactNode;
})

import { useAuthContext } from '@/providers/AuthProvider';

export default function ChatLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  const { isAuthorized } = useAuthContext();
  const [isModalOpen, setIsModalOpen] = useState(false);

  const { refetch } = useQuery(GET_USER_PROJECTS, {
    skip: !isAuthorized,
  });
  const router = useRouter();

  useEffect(() => {
    if (!isAuthorized) {
      router.push('/');
    }
  }, [isAuthorized, router]);

  if (!isAuthorized) {
    return null;
  }

  return (
    <main className="flex h-[calc(100dvh)] flex-col items-center">
      <ProjectModal
        isOpen={isModalOpen}
        onClose={() => setIsModalOpen(false)}
        refetchProjects={refetch}
      />
      <div className="w-full h-full">{children}</div>
    </main>
  );
}