RecentTransactions

Component for displaying recent transactions with pagination.

Usage

Recent transactions

View all
personal

Main Account

personal

$5,000.00

TransactionAmountStatusDateChannelCategory

Coffee Shop

-$50.00

Processing

Tue, Aug 4, 9:09 PMin-store

Food and Drink

1
2
3
4
5
6
7
8
9
10
11
12
import { RecentTransactions } from "@/components/bank/recent-transactions"

export default function TransactionsPage() {
  return (
    <RecentTransactions
      accounts={accounts}
      transactions={transactions}
      appwriteItemId={currentAccountId}
      page={currentPage}
    />
  )
}

Props

accounts

Array of bank account objects.

Type: Account[]

transactions

Array of transaction objects.

Type: Transaction[]

appwriteItemId

Current selected account ID.

Type: string

page

Current page number for pagination.

Type: number