nuxt-x-affiliate
PayoutHistory
Payout history table with status badges for the affiliate dashboard.
PayoutHistory
The XAFPayoutHistory component renders a table of past and pending payouts for the authenticated affiliate. Each row shows amount, date, and a color-coded status badge.
Components
<XAFPayoutHistory />
Feed it the payouts array from useAffiliate().
<XAFPayoutHistory
:payouts="payouts"
currency="USD"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
payouts | Payout[] | required | Payout records from useAffiliate().payouts |
currency | string | 'USD' | Currency code for amount formatting |
title | string | 'Payout History' | Table section heading |
AI Context
component: XAFPayoutHistory
package: "@xenterprises/nuxt-x-affiliate"
use-when: Affiliate dashboard section showing past and pending payout records