|
|
@ -30,34 +30,37 @@ const AddToCartCard = ({ |
|
|
|
}, |
|
|
|
}, |
|
|
|
]; |
|
|
|
]; |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<div className="felx flex-col bg-grayF7 p-4 pt-0 w-full mx-4 items-center justify-center "> |
|
|
|
<div className="w-full felx flex-col items-center justify-center p-4 pt-0 mx-4 bg-gray-100 "> |
|
|
|
{showProduct && ( |
|
|
|
{showProduct && ( |
|
|
|
<div className="flex w-full max-w-8 overflow-hidden items-center py-4 m-0 justify-center"> |
|
|
|
<div className="w-full max-w-8 flex justify-center items-center py-4 m-0 overflow-hidden"> |
|
|
|
<img |
|
|
|
<img |
|
|
|
src={productImg} |
|
|
|
src={productImg} |
|
|
|
alt="" |
|
|
|
alt="productImage" |
|
|
|
style={{ maxWidth: "100px" }} |
|
|
|
style={{ maxWidth: "100px" }} |
|
|
|
className=" bg-grayF4 py-2 px-4 bg-grayF4 rounded ml-4" |
|
|
|
className="py-2 px-4 ml-4 bg-gray-200 rounded " |
|
|
|
/> |
|
|
|
/> |
|
|
|
<div className="text-sm"> |
|
|
|
<div className="text-sm"> |
|
|
|
<h1 className="text-sm">{productName}</h1> |
|
|
|
<h1 className="text-sm">{productName}</h1> |
|
|
|
<p className=" text-xs pt-2 text-blueC0">{productCat}</p> |
|
|
|
<p className=" text-xs pt-2 text-blue-400">{productCat}</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
)} |
|
|
|
)} |
|
|
|
{specialities.map((item, index) => ( |
|
|
|
{specialities.map((item, index) => ( |
|
|
|
<div className="flex items-center p-2 w-full border-0 border-b border-solid border-gray-300"> |
|
|
|
<div |
|
|
|
|
|
|
|
key={index} |
|
|
|
|
|
|
|
className="w-full flex items-center p-2 border-b border-solid border-gray-300" |
|
|
|
|
|
|
|
> |
|
|
|
{item.icon && <img src={item.icon} alt="" className="pl-3" />} |
|
|
|
{item.icon && <img src={item.icon} alt="" className="pl-3" />} |
|
|
|
<p className="text-sm text-blue52 text-right">{item.description}</p> |
|
|
|
<p className="text-sm text-blue-400 text-right">{item.description}</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
))} |
|
|
|
))} |
|
|
|
<div className="w-full flex flex-col items-center justify-center p-4"> |
|
|
|
<div className="w-full flex flex-col items-center justify-center p-4"> |
|
|
|
<h1 className="text-xl text-gray-500"> |
|
|
|
<h1 className="text-xl text-gray-500"> |
|
|
|
<span className=" text-blueC0"> {price} </span> |
|
|
|
<span className=" text-blue-400"> {price} </span> |
|
|
|
تومان |
|
|
|
تومان |
|
|
|
</h1> |
|
|
|
</h1> |
|
|
|
{profit && ( |
|
|
|
{profit && ( |
|
|
|
<h5 className="text-xs p-2 pb-0 text-blue52"> |
|
|
|
<h5 className="text-xs p-2 pb-0 text-blue-400"> |
|
|
|
با خرید این کالا {profit} تومان سود کنید |
|
|
|
با خرید این کالا {profit} تومان سود کنید |
|
|
|
</h5> |
|
|
|
</h5> |
|
|
|
)} |
|
|
|
)} |
|
|
|