Work
This commit is contained in:
parent
307bdef2e1
commit
01cdb9a8c6
9
bash.exe.stackdump
Normal file
9
bash.exe.stackdump
Normal file
@ -0,0 +1,9 @@
|
||||
Stack trace:
|
||||
Frame Function Args
|
||||
000FFFFBB30 00210062B0E (00210297178, 00210275E3E, 000FFFFBB30, 000FFFFAA30)
|
||||
000FFFFBB30 0021004846A (00000000000, 00000000000, 00000000000, 00000000004)
|
||||
000FFFFBB30 002100484A2 (00210297229, 000FFFFB9E8, 000FFFFBB30, 00000000000)
|
||||
000FFFFBB30 002100D2FFE (00000000000, 00000000000, 00000000000, 00000000000)
|
||||
000FFFFBB30 002100D3125 (000FFFFBB40, 00000000000, 00000000000, 00000000000)
|
||||
001004F84B7 002100D46E5 (000FFFFBB40, 00000000000, 00000000000, 00000000000)
|
||||
End of stack trace
|
||||
@ -12,42 +12,41 @@ export default function ProductCard({ product }) {
|
||||
: 0
|
||||
|
||||
return (
|
||||
<div className="product-card">
|
||||
<div className="product-image-container">
|
||||
<img src={product.images[0]} alt={product.name} />
|
||||
{product.is_on_sale && discount > 0 && (
|
||||
<div className="discount-badge">{discount}% OFF</div>
|
||||
)}
|
||||
{product.is_featured && (
|
||||
<div className="featured-badge">FEATURED</div>
|
||||
)}
|
||||
</div>
|
||||
<div className="product-info">
|
||||
<h3>{product.name}</h3>
|
||||
<p className="brand">{product.brand}</p>
|
||||
<div className="price">
|
||||
{product.discount_price ? (
|
||||
<>
|
||||
<span className="original">₪{product.price.toFixed(2)}</span>
|
||||
<span className="discounted">₪{product.discount_price.toFixed(2)}</span>
|
||||
</>
|
||||
) : (
|
||||
<span>₪{price.toFixed(2)}</span>
|
||||
<Link to={`/product/${product.id}`} className="product-card-link">
|
||||
<div className="product-card">
|
||||
<div className="product-image-container">
|
||||
<img src={product.images[0]} alt={product.name} />
|
||||
{product.is_on_sale && discount > 0 && (
|
||||
<div className="discount-badge">{discount}% OFF</div>
|
||||
)}
|
||||
{product.is_featured && (
|
||||
<div className="featured-badge">FEATURED</div>
|
||||
)}
|
||||
</div>
|
||||
{product.stock !== null && (
|
||||
<p className="stock">
|
||||
{product.stock > 0 ? (
|
||||
<span className="in-stock">In Stock</span>
|
||||
<div className="product-info">
|
||||
<h3>{product.name}</h3>
|
||||
<p className="brand">{product.brand}</p>
|
||||
<div className="price">
|
||||
{product.discount_price ? (
|
||||
<>
|
||||
<span className="original">₪{product.price.toFixed(2)}</span>
|
||||
<span className="discounted">₪{product.discount_price.toFixed(2)}</span>
|
||||
</>
|
||||
) : (
|
||||
<span className="out-of-stock">Out of Stock</span>
|
||||
<span>₪{price.toFixed(2)}</span>
|
||||
)}
|
||||
</p>
|
||||
)}
|
||||
<Link to={`/product/${product.id}`} className="btn btn-small">
|
||||
View Details
|
||||
</Link>
|
||||
</div>
|
||||
{product.stock !== null && (
|
||||
<p className="stock">
|
||||
{product.stock > 0 ? (
|
||||
<span className="in-stock">In Stock</span>
|
||||
) : (
|
||||
<span className="out-of-stock">Out of Stock</span>
|
||||
)}
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
)
|
||||
}
|
||||
|
||||
@ -619,14 +619,6 @@ button {
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.detail-images img {
|
||||
width: 100%;
|
||||
max-height: 500px;
|
||||
object-fit: cover;
|
||||
border-radius: var(--border-radius);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.detail-info h1 {
|
||||
font-size: 2rem;
|
||||
margin-bottom: 0.5rem;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user