import { AddProductButton } from '@/components/add-product-button';
import { AdminPageHeader } from '@/components/admin-page-header';
import { ProductsTable } from '@/components/products-table';
import { HydrateClient } from '@/lib/trpc/client/hydrate-client';
import { rsc } from '@/shared/server-rsc/trpc';

export const metadata = {
  title: 'Products',
};

export default async function AdminShopProductsPage({
  params,
}: {
  params: { shopSlug: string };
}) {
  await rsc.product.all.fetch({ shopSlug: params.shopSlug });

  const dehydratedState = await rsc.dehydrate();

  return (
    <HydrateClient state={dehydratedState}>
      <AdminPageHeader heading="Products" headingRight={<AddProductButton />} />
      <ProductsTable />
    </HydrateClient>
  );
}

import { AddProductButton } from '@/components/add-product-button';
import { AdminPageHeader } from '@/components/admin-page-header';
import { ProductsTable } from '@/components/products-table';
import { HydrateClient } from '@/lib/trpc/client/hydrate-client';
import { rsc } from '@/shared/server-rsc/trpc';

export const metadata = {
  title: 'Products',
};

export default async function AdminShopProductsPage({
  params,
}: {
  params: { shopSlug: string };
}) {
  await rsc.product.all.fetch({ shopSlug: params.shopSlug });

  const dehydratedState = await rsc.dehydrate();

  return (
    <HydrateClient state={dehydratedState}>
      <AdminPageHeader heading="Products" headingRight={<AddProductButton />} />
      <ProductsTable />
    </HydrateClient>
  );
}