import { Head, Link } from '@inertiajs/react'; import { ArrowLeft } from 'lucide-react'; import { AppBackLinkRow, AppPage, AppPageHeader, AppPageTitleBlock, } from '@/components/app-page'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { InertiaPaginatorFooter } from '@/components/inertia-paginator-footer'; import { dashboard } from '@/routes'; import { formatCurrency } from '@/pages/investments/utils'; export type LedgerRow = { id: number; type: | 'deposit' | 'withdrawal' | 'monthly_gain' | 'daily_gain' | 'period_accrual' | 'balance_consolidation_credit' | 'balance_consolidation_debit'; amount_usd: string; balance_after_usd: string; applied_percent: string | null; reference_month: string | null | undefined; investment_month_index: number | null; accrual_on: string | null; gain_period_start: string | null; gain_period_end: string | null; created_at: string | null; }; type PaginatedLedger = { data: LedgerRow[]; current_page: number; last_page: number; per_page: number; total: number; from: number | null; to: number | null; prev_page_url: string | null; next_page_url: string | null; }; type Props = { investment: { id: number; txid: string; status: string; principal_usd: string; current_capital_usd: string; }; transactions: PaginatedLedger; }; const typeLabels: Record = { deposit: 'Depósito (confirmación)', withdrawal: 'Retiro', monthly_gain: 'Ganancia acreditada (hist. mensual)', daily_gain: 'Ganancia acreditada (diaria)', period_accrual: 'Ganancia acreditada (período mensual)', balance_consolidation_credit: 'Consolidación de saldo', balance_consolidation_debit: 'Consolidación de saldo', }; export default function InvestmentTransactions({ investment, transactions }: Props) { return ( <>

Resumen TXID: {investment.txid}

{investment.status}

Principal ingresado

{formatCurrency(Number(investment.principal_usd))}

Capital vigente

{formatCurrency(Number(investment.current_capital_usd))}

Listado cronológico Orden descendente por registro más reciente {transactions.total > 0 ? ( <> {' '} ( {transactions.total}{' '} registros). ) : null} {transactions.total === 0 ? (

Sin movimientos todavía.

) : ( <> {transactions.data.map((row) => ( ))}

Fecha	Concepto	Monto	Saldo tras mov.	Detalle %
{row.created_at ? new Date( row.created_at, ).toLocaleString('es', { dateStyle: 'short', timeStyle: 'short', }) : '—'}	{typeLabels[row.type]} {row.type === 'monthly_gain' && row.reference_month && ( Mes sistema:{' '} {row.reference_month} {row.investment_month_index !== null && row.investment_month_index > 0 && ( <> {' '} · cupo{' '} { row.investment_month_index } )} )} {row.type === 'daily_gain' && row.accrual_on && ( Día acreditado:{' '} {row.accrual_on} )} {row.type === 'period_accrual' && row.gain_period_start && row.gain_period_end && ( Período incluido:{' '} {row.gain_period_start} {' '} →{' '} {row.gain_period_end} {row.accrual_on ? ( <> {' '} · cierre registral:{' '} {row.accrual_on} ) : null} )}	{formatCurrency(Number(row.amount_usd))}	{formatCurrency( Number(row.balance_after_usd), )}	{row.applied_percent !== null ? ( {Number(row.applied_percent).toLocaleString( 'es-US', { minimumFractionDigits: 0, maximumFractionDigits: 4, }, )} % ) : ( '—' )}

{transactions.last_page > 1 ? ( ) : null} )} ); } InvestmentTransactions.layout = { breadcrumbs: [ { title: 'Inicio', href: dashboard() }, { title: 'Mis inversiones', href: '/mis-inversiones' }, { title: 'Movimientos', href: '#' }, ], };