Ver Transacciones

Consulta las transacciones importadas desde un banco.

Acceso

1. Haz clic en “Ver transacciones” en tarjeta de banco
2. Se abre tabla filtrable con todas las transacciones

Columnas

Columna	Descripción
Fecha	transaction_date
Descripción	description (texto bancario)
Comercio	merchant_name (si disponible)
Importe	amount (rojo si DEBIT, verde si CREDIT)
Estado	reconciliation_status (badge)
Acciones	Conciliar con gasto, Ignorar

Filtros disponibles

• Rango de fechas
• Tipo: DEBIT / CREDIT
• Estado de conciliación: Pendiente / Conciliado / Ignorado
• Cuenta bancaria (si tienes varias)

Estados de reconciliación

Estado	Badge	Significado
pending	🟡 Pendiente	Sin conciliar
matched	🟢 Conciliado	Emparejado con gasto
ignored	⚪ Ignorado	Marcado como irrelevante
manual	🔵 Manual	Conciliado manualmente por usuario

Notas técnicas

Detalles de implementación

Query con joins:

const { data: transactions } = await supabase
  .from('bank_transactions')
  .select(`
    *,
    bank_account:bank_accounts!inner(
      display_name,
      iban,
      provider_name
    ),
    matched_expense:expenses(
      concept,
      amount,
      date
    )
  `)
  .eq('business_id', currentBusinessId)
  .gte('transaction_date', fromDate)
  .lte('transaction_date', toDate)
  .order('transaction_date', { ascending: false });

Componente de lista:

<BankTransactionsList
  transactions={transactions}
  onReconcile={(txId, expenseId) => reconcileTransaction(txId, expenseId)}
  onIgnore={(txId) => markAsIgnored(txId)}
  onViewDetails={(tx) => setSelectedTransaction(tx)}
/>

---