import type { ReactNode } from 'react'; import { Head, Link, usePage } from '@inertiajs/react'; import { ArrowRight, Coins, Landmark, LayoutList, ListOrdered, PieChart, Plus, Settings, Shield, AlertTriangle, Wallet as WalletIcon, } from 'lucide-react'; import { AppPage, AppPageActions, AppPageHeader, AppPageTitleBlock, AppSectionHeading, appCardAccentClass, } from '@/components/app-page'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardFooter, CardHeader, CardTitle } from '@/components/ui/card'; import { formatCurrency } from '@/pages/investments/utils'; import { dashboard } from '@/routes'; type LedgerPreviewRow = { id: number; type: string; amount_usd: string; investment_txid: string; created_at: string | null; }; type PageProps = { invested_active_total?: string; invested_pending_total?: string; invested_any?: boolean; investments_count?: number; active_investments_count?: number; pending_investments_count?: number; wallet_count?: number; portfolio_withdrawal_pending?: boolean; recent_transactions?: LedgerPreviewRow[]; }; function ledgerTypeLabel(code: string): string { const map: Record = { deposit: 'Depósito', monthly_gain: 'Acreditación', withdrawal: 'Retiro', admin_adjustment: 'Ajuste administrativo', admin_adjustment_reversal: 'Reversión de ajuste', referral_direct_bonus: 'Bono referido directo', referral_indirect_bonus: 'Bono referido indirecto', daily_gain: 'Ganancia (diaria)', period_accrual: 'Ganancia (período)', balance_consolidation_credit: 'Consolidación de saldo', balance_consolidation_debit: 'Consolidación de saldo', }; return map[code] ?? code; } function ledgerBadgeVariant( code: string, ): 'default' | 'secondary' | 'outline' { if (code === 'monthly_gain') return 'secondary'; if (code === 'withdrawal') return 'outline'; if (code.startsWith('referral_')) return 'secondary'; return 'default'; } function formatShortDatetime(iso: string | null): string { if (!iso) return '—'; try { return new Intl.DateTimeFormat('es', { dateStyle: 'short', timeStyle: 'short', }).format(new Date(iso)); } catch { return '—'; } } export default function Dashboard() { const pageProps = usePage().props as PageProps; const investedAny = Boolean(pageProps.invested_any); const investmentsCount = pageProps.investments_count ?? 0; const activeCount = pageProps.active_investments_count ?? 0; const pendingInvCount = pageProps.pending_investments_count ?? 0; const walletCount = pageProps.wallet_count ?? 0; const withdrawalPending = pageProps.portfolio_withdrawal_pending === true; const recent = pageProps.recent_transactions ?? []; const investedActiveTotal = Number(pageProps.invested_active_total ?? '0'); const investedPendingTotal = Number(pageProps.invested_pending_total ?? '0'); const authUser = usePage().props.auth?.user; const isAdmin = authUser?.is_admin === true; const firstName = typeof authUser?.first_name === 'string' && authUser.first_name.trim().length > 0 ? authUser.first_name.trim() : null; return ( <> {isAdmin ? ( <> ) : ( )} {withdrawalPending ? (

Retiro en revisión

Tienes una solicitud pendiente sobre tu balance consolidado. El equipo la resolverá antes de poder enviar una nueva en{' '} Mis balances .

) : null}

Resumen financiero

0 ? 'text-primary' : undefined} /> 0 ? undefined : 'Añade una para retiros'} label="Billeteras registradas" value={String(walletCount)} valueClass={ walletCount === 0 && investedAny ? 'text-primary' : undefined } />
Accesos rápidos
} title="Mis balances" /> } title="Mis inversiones" /> } title="Movimientos" /> } title="Mis billeteras" />
{!investedAny ? (

Tu primer paso empieza aquí

Aún no hay inversiones vinculadas. Elige importe y plazo, envía tu depósito y el equipo confirmará cuando la transacción figure en cadena.

) : ( Actividad reciente {recent.length === 0 ? (

Cuando haya cupos mensuales, depósitos o retiros, aparecerán los últimos movimientos aquí.

) : ( {recent.map((row) => ( ))}
Tipo Monto Inversión (TX) Fecha
{ledgerTypeLabel(row.type)} {row.amount_usd} US$ {row.investment_txid} {formatShortDatetime(row.created_at)}
)} {recent.length > 0 ? ( Resumen consolidado de todas tus inversiones activas. Los retiros aplican desde el capital vigente distribuido en tus registros según orden de libro. ) : null} )} {isAdmin ? (

Panel de administración

Parámetros, balances, solicitudes de retiro y más están agrupados con pestañas dentro del panel.

) : null} ); } function MiniStat({ label, value, hint, emphasize, valueClass, }: { label: string; value: string; hint?: string; emphasize?: boolean; valueClass?: string; }) { return (

{label}

{value}

{hint ? (

{hint}

) : null}
); } function DashboardQuickLink({ href, title, description, icon, }: { href: string; title: string; description: string; icon: ReactNode; }) { return (
{icon}
{title} {description}
); } function TrendingBadge() { return (
); } Dashboard.layout = { breadcrumbs: [ { title: 'Inicio', href: dashboard(), }, ], };