import { DashboardPage } from "@/components/layout/dashboard-page";
import { getDashboardRole } from "@/lib/auth/dashboard-role";
import { PageHeader } from "@/components/shared/page";
import { TransactionHistory } from "@/features/finance/transaction-history";
export const metadata = { title: "Transaction History" };
function Page() {
  return (
    <>
      <PageHeader title="Transaction History" />
      <TransactionHistory />
    </>
  );
}

export default async function DashboardRoute(props: {
  searchParams: Promise<Record<string, string | string[] | undefined>>;
}) {
  const query = await props.searchParams;
  const role = await getDashboardRole(
    Array.isArray(query.role) ? query.role[0] : query.role,
  );
  return (
    <DashboardPage role={role}>
      <Page />
    </DashboardPage>
  );
}