fix: validar URL do logo do cartão antes de renderizar Image

- Adicionar validação para garantir que cartaoLogo é uma string válida
- Prevenir erro "Failed to construct 'URL': Invalid URL"
- Exibir ícone fallback quando logo não é válido
This commit is contained in:
Claude
2025-11-16 16:55:32 +00:00
parent 3fdcfba407
commit 3ddb0dc2af

View File

@@ -34,6 +34,9 @@ export function InstallmentGroupCard({
const unpaidCount = unpaidInstallments.length; const unpaidCount = unpaidInstallments.length;
// Validar se o logo é uma URL válida
const isValidLogo = group.cartaoLogo && group.cartaoLogo.trim().length > 0;
const isFullySelected = const isFullySelected =
selectedInstallments.size === unpaidInstallments.length && selectedInstallments.size === unpaidInstallments.length &&
unpaidInstallments.length > 0; unpaidInstallments.length > 0;
@@ -67,9 +70,9 @@ export function InstallmentGroupCard({
<div className="flex items-start justify-between gap-3"> <div className="flex items-start justify-between gap-3">
<div className="min-w-0 flex-1"> <div className="min-w-0 flex-1">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
{group.cartaoLogo ? ( {isValidLogo ? (
<Image <Image
src={group.cartaoLogo} src={group.cartaoLogo!}
alt={group.cartaoName || "Cartão"} alt={group.cartaoName || "Cartão"}
width={24} width={24}
height={24} height={24}