"use client";

import { useApp } from "@/context/app";
import { useGlobal } from "@/context/global";
import { useEffect } from "react";
import DomainsResume from "./components/domains";
import DownloadLinks from "./components/downloads";
import Releases from "./components/releases";
import Tutorials from "./components/tutorials";

export default function DashboardPage() {
  const { dict } = useGlobal();
  const { setHeader } = useApp();

  useEffect(() => {
    setHeader({
      title: {
        link: "/dashboard",
        text: dict.pages.general.navigation.dashboard,
        path: [],
      },
    });

    return () => {
      setHeader(undefined);
    };
  }, [dict]);

  return (
    <div className="flex h-full flex-col space-y-2">
      <div className="flex grow flex-col space-y-2">
        <DomainsResume />
        <Tutorials />
      </div>
      <div className="flex w-full gap-2">
        <Releases />
        <DownloadLinks />
      </div>
    </div>
  );
}