Commit 4f8a782f by Chetan

changes in cards

1 parent d603d6e7
......@@ -110,18 +110,18 @@ const SimilarExperiences = ({ allActivitiesData }) => {
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src={data.image} />
</span>
<div className="top-rated">{data.topRated}</div>
{/* <div className="top-rated">{data.topRated}</div> */}
</div>
<div className="info">
<div className="top-name">
<div className="title">{data.title}</div>
<div className="rating-wishlist">
<div className="rating">
{/* <div className="rating">
<span className="number">8.8</span>
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
</span>
</div>
</div> */}
{endUser && <WishlistComponent userId={endUser.id} activityId={data.id} />}
{/* <div className="wishlist">
<span className="image-container">
......@@ -132,16 +132,17 @@ const SimilarExperiences = ({ allActivitiesData }) => {
</div>
<div className="discription">
{data.discription}{" "}
<a
{/* <a
onClick={() => {
router.push(`/activities/${data.id}`);
}}
>
Read More
</a>
</a> */}
</div>
<div className="price">
${data.price} <span className="off">{data.offPrice} OFF</span>
${data.price}
{/* <span className="off">{data.offPrice} OFF</span> */}
</div>
<div className="detail">
<div className="">{data.days}</div>
......
......@@ -87,7 +87,7 @@ const BrowseExperiences = ({ allActivitiesData }) => {
<span className="image-container">
<img layout="fill" alt="" className="image img-fluid" src={cleanImage(data.attributes?.image?.data?.attributes)} />
</span>
<div className="top-rated">Top Rated</div>
{/* <div className="top-rated">Top Rated</div> */}
</a>
<div className="info">
<div className="top-name">
......@@ -116,7 +116,7 @@ const BrowseExperiences = ({ allActivitiesData }) => {
{/* <span className="off">{data?.attributes?.off}% OFF</span> */}
</div>
<div className="detail">
<div className="">For 1 Night</div>
{/* <div className="">For 1 Night</div> */}
<div className="">Includes taxes & Fees</div>
</div>
<div className="explore-now">
......
......@@ -72,12 +72,12 @@ const ProductItem = () => {
<div className="top-name">
<div className="title">{data.title}</div>
<div className="rating-wishlist">
<div className="rating">
{/* <div className="rating">
<span className="number">8.8</span>
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
</span>
</div>
</div> */}
<div className="wishlist">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/wishlist.svg" />
......@@ -85,11 +85,12 @@ const ProductItem = () => {
</div>
</div>
</div>
<div className="discription">
{/* <div className="discription">
{data.discription} <a href="">Read More</a>
</div>
</div> */}
<div className="price">
${data.price} <span className="off">{data.offPrice} OFF</span>
${data.price}
{/* <span className="off">{data.offPrice} OFF</span> */}
</div>
<div className="detail">
<div className="">{data.days}</div>
......
......@@ -67,7 +67,7 @@ console.log("queryParams", queryParams);
<span className="image-container">
<img layout="fill" alt="" className="image img-fluid" src={cleanImage(data.attributes?.image?.data?.attributes)} />
</span>
<div className="top-rated">Top Rated</div>
{/* <div className="top-rated">Top Rated</div> */}
</div>
<div className="info">
<div className="top-name">
......@@ -92,7 +92,7 @@ console.log("queryParams", queryParams);
</span>
</div>
<div className="detail">
<div className="">For 1 Night</div>
{/* <div className="">For 1 Night</div> */}
<div className="">Includes taxes & Fees</div>
</div>
<div className="explore-now">
......
......@@ -31,18 +31,18 @@ const MyWhishList = ({ data }) => {
<span className="image-container">
<Image src={cleanImage(data?.attributes?.experience?.data?.attributes?.image?.data?.attributes)} layout="fill" className="image img-fluid" />
</span>
<div className="top-rated">Top Rated</div>
{/* <div className="top-rated">Top Rated</div> */}
</div>
<div className="info">
<div className="top-name">
<div className="title">{data?.attributes?.experience?.data?.attributes?.name}</div>
<div className="rating-wishlist">
<div className="rating">
{/* <div className="rating">
<span className="number">{data?.attributes?.experience?.data?.attributes?.rating}</span>
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
</span>
</div>
</div> */}
<WishlistComponent activityId={data?.attributes?.experience?.data?.id} userId={data?.attributes?.endUser?.data?.id} />
</div>
</div>
......@@ -50,10 +50,11 @@ const MyWhishList = ({ data }) => {
<p className="text-trunc-2">{data?.attributes?.experience?.data?.attributes?.description}</p>
</div>
<div className="price">
${data?.attributes?.experience?.data?.attributes?.pricePerPerson} <span className="off">{}% OFF</span>
${data?.attributes?.experience?.data?.attributes?.pricePerPerson}
{/* <span className="off">{}% OFF</span> */}
</div>
<div className="detail">
<div className="">For 1 Night</div>
{/* <div className="">For 1 Night</div> */}
<div className="">Includes taxes & Fees</div>
</div>
<div className="explore-now">
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!