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
|
: 0
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="product-card">
|
<Link to={`/product/${product.id}`} className="product-card-link">
|
||||||
<div className="product-image-container">
|
<div className="product-card">
|
||||||
<img src={product.images[0]} alt={product.name} />
|
<div className="product-image-container">
|
||||||
{product.is_on_sale && discount > 0 && (
|
<img src={product.images[0]} alt={product.name} />
|
||||||
<div className="discount-badge">{discount}% OFF</div>
|
{product.is_on_sale && discount > 0 && (
|
||||||
)}
|
<div className="discount-badge">{discount}% OFF</div>
|
||||||
{product.is_featured && (
|
)}
|
||||||
<div className="featured-badge">FEATURED</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>
|
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
{product.stock !== null && (
|
<div className="product-info">
|
||||||
<p className="stock">
|
<h3>{product.name}</h3>
|
||||||
{product.stock > 0 ? (
|
<p className="brand">{product.brand}</p>
|
||||||
<span className="in-stock">In Stock</span>
|
<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>
|
</div>
|
||||||
)}
|
{product.stock !== null && (
|
||||||
<Link to={`/product/${product.id}`} className="btn btn-small">
|
<p className="stock">
|
||||||
View Details
|
{product.stock > 0 ? (
|
||||||
</Link>
|
<span className="in-stock">In Stock</span>
|
||||||
|
) : (
|
||||||
|
<span className="out-of-stock">Out of Stock</span>
|
||||||
|
)}
|
||||||
|
</p>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</Link>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@ -619,14 +619,6 @@ button {
|
|||||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
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 {
|
.detail-info h1 {
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user