import { ScrollText } from "lucide-react";

import { ListPageCard } from "@/app/dashboard/_components";
import { ErrorBanner } from "@/components/shared/error-banner";

import { OrderBlotterExportButton, OrderBlotterTable } from "./_components/order-blotter-table";
import { fetchBackendOrderBlotter } from "./_lib/order-blotter-server-api";

export default async function OrderBlotterPage() {
  const { rows, errorMessage } = await fetchBackendOrderBlotter();

  return (
    <ListPageCard
      icon={ScrollText}
      title="Order blotter"
      breadcrumb={[{ label: "Order blotter" }]}
      actions={<OrderBlotterExportButton data={rows} />}
    >
      <ErrorBanner message={errorMessage} className="mb-4" />
      <OrderBlotterTable data={rows} />
    </ListPageCard>
  );
}