"use client";

import { useEffect, useState } from "react";
import { useAuthCheck } from "@/hooks/useAuthCheck";
import DocumentationInterface from "./interface";

const STRAPI_URL =
	process.env.NEXT_PUBLIC_STRAPI_URL || process.env.STRAPI_URL || "http://localhost:1337";

export default function DocumentationPage() {
	const [user, setUser] = useState(null);
	const [loading, setLoading] = useState(true);

	useAuthCheck(30000);

	useEffect(() => {
		const fetchMe = async () => {
			try {
				const res = await fetch(`${STRAPI_URL}/api/auth/me`, {
					credentials: "include",
				});

				if (!res.ok) {
					return;
				}

				const data = await res.json();

				if (!data) {
					return;
				}

				setUser(data.user || data);
			} catch {
			} finally {
				setLoading(false);
			}
		};

		fetchMe();
	}, []);

	if (loading) {
		return <p>Carregando...</p>;
	}

	return <DocumentationInterface />;
}