onProductClick(product)}\n >\n {/* Product Image */}\n

\n \n \n {/* Badges */}\n

\n {product.newArrival && (\n \n New\n \n )}\n {discount > 0 && (\n \n -{discount}%\n \n )}\n {product.featured && (\n \n ⭐\n \n )}\n

\n\n {/* Wishlist Button */}\n \n {isAddingToWishlist ? '⏳' : isInWishlist ? '❤️' : '🤍'}\n \n\n {/* Quick Add Button - Only show if not compact and in stock */}\n {!compact && product.inStock > 0 && (\n \n {isAddingToCart ? '⏳' : '+ Add'}\n \n )}\n\n {/* Out of Stock Overlay */}\n {product.inStock === 0 && (\n

\n \n Out of Stock\n \n

\n )}\n

\n\n {/* Product Info */}\n

\n {/* Brand */}\n

\n {product.brand}\n

\n\n {/* Product Name */}\n

\n {product.name}\n

\n\n {/* Rating */}\n {product.rating > 0 && (\n

\n {[...Array(5)].map((_, i) => (\n \n {i < Math.floor(product.rating) ? '★' : '☆'}\n \n ))}\n

\n {!compact && (\n \n ({product.reviewCount})\n \n )}\n

\n )}\n\n {/* Price */}\n

\n \n {formatPrice(product.price)}\n \n {product.originalPrice && (\n \n {formatPrice(product.originalPrice)}\n \n )}\n

\n\n {/* Stock Status */}\n {!compact && (\n

\n {stockStatus.text}\n

\n )}\n\n {/* Available Colors Preview */}\n {!compact && product.colors.length > 1 && (\n

\n Colors:\n

\n {product.colors.slice(0, 3).map((color, index) => (\n \n ))}\n {product.colors.length > 3 && (\n +{product.colors.length - 3}\n )}\n

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/Adesanya/Job/code/frontend/components/ProductCard.tsx","extension","actionData","errors"]