Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Jay Mehta
/
zango-frontend
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Registry
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
Commit 4f8a782f
authored
2024-06-21 17:26:20 +0530
by
Chetan
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
changes in cards
1 parent
d603d6e7
Show whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
23 additions
and
20 deletions
components/detail/SimilarExperiences.js
components/home/BrowseExperiences.js
components/home/ProductItem.js
components/listing/ListingItems.js
components/user/MyWhishList.js
components/detail/SimilarExperiences.js
View file @
4f8a782
...
...
@@ -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
>
...
...
components/home/BrowseExperiences.js
View file @
4f8a782
...
...
@@ -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"
>
...
...
components/home/ProductItem.js
View file @
4f8a782
...
...
@@ -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
>
...
...
components/listing/ListingItems.js
View file @
4f8a782
...
...
@@ -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"
>
...
...
components/user/MyWhishList.js
View file @
4f8a782
...
...
@@ -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"
>
...
...
Write
Preview
Styling with
Markdown
is supported
Attach a file
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to post a comment