import { useNavigate } from "react-router";

import { DashboardPage } from "../../components/admin/DashboardPage";
import { useScriptWorkspaceStore } from "./state/scriptWorkspaceStore";

export default function DashboardRoute() {
  const scripts = useScriptWorkspaceStore((s) => s.scripts);
  const apiOnline = useScriptWorkspaceStore((s) => s.apiOnline);
  const navigate = useNavigate();

  return (
    <DashboardPage
      scriptCount={scripts.length}
      online={apiOnline}
      onNavigate={(page) => {
        if (page === "scripts") navigate("/scripts");
        else if (page === "schedules") navigate("/schedules");
        else navigate("/system");
      }}
    />
  );
}