import { Globe } from "lucide-react";

import { ListPageCard } from "@/app/dashboard/_components";

import { PortalCatalogPageClient } from "../_components/portal-catalog-page-client";
import { fetchPortalRouteCatalog } from "../_lib/portal-access-server-api";

export default async function PortalCatalogPage() {
  const { apps, errorMessage } = await fetchPortalRouteCatalog();

  return (
    <ListPageCard
      icon={Globe}
      title="Route catalog"
      description="Global portal apps and route registry."
      breadcrumb={[
        { label: "Admins & Access", href: "/dashboard/admins" },
        { label: "Portal ACL" },
        { label: "Route Catalog" },
      ]}
    >
      <PortalCatalogPageClient apps={apps} initialErrorMessage={errorMessage} />
    </ListPageCard>
  );
}