Skip to content

Jay Mehta / zango-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 4f8a782f by Chetan
Options

changes in cards

1 parent d603d6e7
Inline Side-by-side
Showing 5 changed files with 23 additions and 20 deletions
components/detail/SimilarExperiences.js
...@@ -110,18 +110,18 @@ const SimilarExperiences = ({ allActivitiesData }) => { ...@@ -110,18 +110,18 @@ const SimilarExperiences = ({ allActivitiesData }) => {
<span className="image-container"> <span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src={data.image} /> <Image layout="fill" alt="" className="image img-fluid" src={data.image} />
</span> </span>
<div className="top-rated">{data.topRated}</div> {/* <div className="top-rated">{data.topRated}</div> */}
</div> </div>
<div className="info"> <div className="info">
<div className="top-name"> <div className="top-name">
<div className="title">{data.title}</div> <div className="title">{data.title}</div>
<div className="rating-wishlist"> <div className="rating-wishlist">
<div className="rating"> {/* <div className="rating">
<span className="number">8.8</span> <span className="number">8.8</span>
<span className="image-container"> <span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" /> <Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
</span> </span>
</div> </div> */}
{endUser && <WishlistComponent userId={endUser.id} activityId={data.id} />} {endUser && <WishlistComponent userId={endUser.id} activityId={data.id} />}
{/* <div className="wishlist"> {/* <div className="wishlist">
<span className="image-container"> <span className="image-container">
...@@ -132,16 +132,17 @@ const SimilarExperiences = ({ allActivitiesData }) => { ...@@ -132,16 +132,17 @@ const SimilarExperiences = ({ allActivitiesData }) => {
</div> </div>
<div className="discription"> <div className="discription">
{data.discription}{" "} {data.discription}{" "}
<a {/* <a
onClick={() => { onClick={() => {
router.push(`/activities/${data.id}`); router.push(`/activities/${data.id}`);
}} }}
> >
Read More Read More
</a> </a> */}
</div> </div>
<div className="price"> <div className="price">
${data.price} <span className="off">{data.offPrice} OFF</span> ${data.price}
{/* <span className="off">{data.offPrice} OFF</span> */}
</div> </div>
<div className="detail"> <div className="detail">
<div className="">{data.days}</div> <div className="">{data.days}</div>
......
components/home/BrowseExperiences.js
...@@ -87,7 +87,7 @@ const BrowseExperiences = ({ allActivitiesData }) => { ...@@ -87,7 +87,7 @@ const BrowseExperiences = ({ allActivitiesData }) => {
<span className="image-container"> <span className="image-container">
<img layout="fill" alt="" className="image img-fluid" src={cleanImage(data.attributes?.image?.data?.attributes)} /> <img layout="fill" alt="" className="image img-fluid" src={cleanImage(data.attributes?.image?.data?.attributes)} />
</span> </span>
<div className="top-rated">Top Rated</div> {/* <div className="top-rated">Top Rated</div> */}
</a> </a>
<div className="info"> <div className="info">
<div className="top-name"> <div className="top-name">
...@@ -116,7 +116,7 @@ const BrowseExperiences = ({ allActivitiesData }) => { ...@@ -116,7 +116,7 @@ const BrowseExperiences = ({ allActivitiesData }) => {
{/* <span className="off">{data?.attributes?.off}% OFF</span> */} {/* <span className="off">{data?.attributes?.off}% OFF</span> */}
</div> </div>
<div className="detail"> <div className="detail">
<div className="">For 1 Night</div> {/* <div className="">For 1 Night</div> */}
<div className="">Includes taxes & Fees</div> <div className="">Includes taxes & Fees</div>
</div> </div>
<div className="explore-now"> <div className="explore-now">
......
components/home/ProductItem.js
...@@ -72,12 +72,12 @@ const ProductItem = () => { ...@@ -72,12 +72,12 @@ const ProductItem = () => {
<div className="top-name"> <div className="top-name">
<div className="title">{data.title}</div> <div className="title">{data.title}</div>
<div className="rating-wishlist"> <div className="rating-wishlist">
<div className="rating"> {/* <div className="rating">
<span className="number">8.8</span> <span className="number">8.8</span>
<span className="image-container"> <span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" /> <Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
</span> </span>
</div> </div> */}
<div className="wishlist"> <div className="wishlist">
<span className="image-container"> <span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/wishlist.svg" /> <Image layout="fill" alt="" className="image img-fluid" src="/images/icons/wishlist.svg" />
...@@ -85,11 +85,12 @@ const ProductItem = () => { ...@@ -85,11 +85,12 @@ const ProductItem = () => {
</div> </div>
</div> </div>
</div> </div>
<div className="discription"> {/* <div className="discription">
{data.discription} <a href="">Read More</a> {data.discription} <a href="">Read More</a>
</div> </div> */}
<div className="price"> <div className="price">
${data.price} <span className="off">{data.offPrice} OFF</span> ${data.price}
{/* <span className="off">{data.offPrice} OFF</span> */}
</div> </div>
<div className="detail"> <div className="detail">
<div className="">{data.days}</div> <div className="">{data.days}</div>
......
components/listing/ListingItems.js
...@@ -67,7 +67,7 @@ console.log("queryParams", queryParams); ...@@ -67,7 +67,7 @@ console.log("queryParams", queryParams);
<span className="image-container"> <span className="image-container">
<img layout="fill" alt="" className="image img-fluid" src={cleanImage(data.attributes?.image?.data?.attributes)} /> <img layout="fill" alt="" className="image img-fluid" src={cleanImage(data.attributes?.image?.data?.attributes)} />
</span> </span>
<div className="top-rated">Top Rated</div> {/* <div className="top-rated">Top Rated</div> */}
</div> </div>
<div className="info"> <div className="info">
<div className="top-name"> <div className="top-name">
...@@ -92,7 +92,7 @@ console.log("queryParams", queryParams); ...@@ -92,7 +92,7 @@ console.log("queryParams", queryParams);
</span> </span>
</div> </div>
<div className="detail"> <div className="detail">
<div className="">For 1 Night</div> {/* <div className="">For 1 Night</div> */}
<div className="">Includes taxes & Fees</div> <div className="">Includes taxes & Fees</div>
</div> </div>
<div className="explore-now"> <div className="explore-now">
......
components/user/MyWhishList.js
...@@ -31,18 +31,18 @@ const MyWhishList = ({ data }) => { ...@@ -31,18 +31,18 @@ const MyWhishList = ({ data }) => {
<span className="image-container"> <span className="image-container">
<Image src={cleanImage(data?.attributes?.experience?.data?.attributes?.image?.data?.attributes)} layout="fill" className="image img-fluid" /> <Image src={cleanImage(data?.attributes?.experience?.data?.attributes?.image?.data?.attributes)} layout="fill" className="image img-fluid" />
</span> </span>
<div className="top-rated">Top Rated</div> {/* <div className="top-rated">Top Rated</div> */}
</div> </div>
<div className="info"> <div className="info">
<div className="top-name"> <div className="top-name">
<div className="title">{data?.attributes?.experience?.data?.attributes?.name}</div> <div className="title">{data?.attributes?.experience?.data?.attributes?.name}</div>
<div className="rating-wishlist"> <div className="rating-wishlist">
<div className="rating"> {/* <div className="rating">
<span className="number">{data?.attributes?.experience?.data?.attributes?.rating}</span> <span className="number">{data?.attributes?.experience?.data?.attributes?.rating}</span>
<span className="image-container"> <span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" /> <Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
</span> </span>
</div> </div> */}
<WishlistComponent activityId={data?.attributes?.experience?.data?.id} userId={data?.attributes?.endUser?.data?.id} /> <WishlistComponent activityId={data?.attributes?.experience?.data?.id} userId={data?.attributes?.endUser?.data?.id} />
</div> </div>
</div> </div>
...@@ -50,10 +50,11 @@ const MyWhishList = ({ data }) => { ...@@ -50,10 +50,11 @@ const MyWhishList = ({ data }) => {
<p className="text-trunc-2">{data?.attributes?.experience?.data?.attributes?.description}</p> <p className="text-trunc-2">{data?.attributes?.experience?.data?.attributes?.description}</p>
</div> </div>
<div className="price"> <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>
<div className="detail"> <div className="detail">
<div className="">For 1 Night</div> {/* <div className="">For 1 Night</div> */}
<div className="">Includes taxes & Fees</div> <div className="">Includes taxes & Fees</div>
</div> </div>
<div className="explore-now"> <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!