import { Metadata } from "next";

import { ArticlesFeed } from "#dashboard/components/articles-feed";
import { PageLayout } from "#dashboard/components/shell/page-layout";
import { HydrateClient, prefetch, trpc } from "#dashboard/trpc/server";

export const metadata: Metadata = {
  title: "Articles | Basango Dashboard",
};

export default function Page() {
  prefetch(trpc.categories.list.queryOptions());
  prefetch(trpc.articles.list.infiniteQueryOptions({ limit: 12 }));

  return (
    <HydrateClient>
      <PageLayout title="Articles">
        <ArticlesFeed />
      </PageLayout>
    </HydrateClient>
  );
}