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
11 months ago
by
Chetan
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
changes in cards
1 parent
d603d6e7
Hide 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
>
...
...
This diff is collapsed.
Click to expand it.
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"
>
...
...
This diff is collapsed.
Click to expand it.
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
>
...
...
This diff is collapsed.
Click to expand it.
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"
>
...
...
This diff is collapsed.
Click to expand it.
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"
>
...
...
This diff is collapsed.
Click to expand it.
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