AppTransactionList.tsx raw

   1  import { ArrowDownUpIcon } from "lucide-react";
   2  import TransactionsList from "src/components/TransactionsList";
   3  import { TransactionsListMenu } from "src/components/TransactionsListMenu";
   4  import {
   5    Card,
   6    CardContent,
   7    CardHeader,
   8    CardTitle,
   9  } from "src/components/ui/card";
  10  
  11  export function AppTransactionList({ appId }: { appId: number }) {
  12    return (
  13      <Card>
  14        <CardHeader className="flex items-center justify-between">
  15          <CardTitle>Transactions</CardTitle>
  16          <TransactionsListMenu appId={appId} />
  17        </CardHeader>
  18        <CardContent>
  19          <TransactionsList
  20            appId={appId}
  21            emptyIcon={ArrowDownUpIcon}
  22            emptyTitle="No transactions yet"
  23            emptyDescription="Payments made through this app will appear here."
  24            emptyVariant="none"
  25          />
  26        </CardContent>
  27      </Card>
  28    );
  29  }
  30