Skip to content

Jay Mehta / zango-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 097e7323 by jaymehta
Options

.

1 parent db7ced53
Inline Side-by-side
Showing 2 changed files with 16 additions and 15 deletions
components/detail/DetailInfo.js
...@@ -71,7 +71,7 @@ const DetailInfo = ({ activityById }) => { ...@@ -71,7 +71,7 @@ const DetailInfo = ({ activityById }) => {
<div className="product-info"> <div className="product-info">
<div className="hide-on-mobile"> <div className="hide-on-mobile">
<div className="top-row"> <div className="top-row">
<div className="most-booked">Most Booked</div> <div className="most-booked"></div>
<div className="wishlist-share"> <div className="wishlist-share">
{endUser && <WishlistComponent activityId={activityById.data.id} userId={endUser.id} />} {endUser && <WishlistComponent activityId={activityById.data.id} userId={endUser.id} />}
...@@ -95,13 +95,15 @@ const DetailInfo = ({ activityById }) => { ...@@ -95,13 +95,15 @@ const DetailInfo = ({ activityById }) => {
</motion.div> </motion.div>
</div> </div>
<div className="product-reviews"> <div className="product-reviews">
<div className="rating"> {activityById.data.attributes.reviews.data && activityById.data.attributes.reviews.data.length > 0 && (
<span className="number">{calculateRating(activityById.data.attributes.reviews.data)}</span> <div className="rating">
<span className="image-container"> <span className="number">{calculateRating(activityById.data.attributes.reviews.data)}</span>
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" /> <span className="image-container">
{/* {calculateRating(activityById.data.attributes.reviews.data)} */} <Image layout="fill" alt="" className="image img-fluid" src="/images/icons/star.svg" />
</span> {/* {calculateRating(activityById.data.attributes.reviews.data)} */}
</div> </span>
</div>
)}
<span className="review">{activityById.data.attributes.reviews.data.length > 0 ? activityById.data.attributes.reviews.data.length : 0} Review(s)</span> <span className="review">{activityById.data.attributes.reviews.data.length > 0 ? activityById.data.attributes.reviews.data.length : 0} Review(s)</span>
</div> </div>
<div className="mb-2">Per Person</div> <div className="mb-2">Per Person</div>
...@@ -209,9 +211,8 @@ const DetailInfo = ({ activityById }) => { ...@@ -209,9 +211,8 @@ const DetailInfo = ({ activityById }) => {
</div> </div>
<div className="col-6"> <div className="col-6">
<div className="mt-2">Date:</div> <div className="mt-2">Date:</div>
<DatePicker <DatePicker
onChange={e => { onChange={e => {
e.preventDefault(); e.preventDefault();
console.log(e); console.log(e);
......
components/layout/Header.js
...@@ -50,7 +50,7 @@ const Header = () => { ...@@ -50,7 +50,7 @@ const Header = () => {
if (endUser) dispatch(getWishlists({ endUser: endUser.id })); if (endUser) dispatch(getWishlists({ endUser: endUser.id }));
}, [endUser]); }, [endUser]);
// console.log("endUser", endUser);
//// ////
// const [isGridViewOpen, setIsGridViewOpen] = useState(false); // const [isGridViewOpen, setIsGridViewOpen] = useState(false);
const innerBoxRef = useRef(null); // Ref to hold reference to inner-box div const innerBoxRef = useRef(null); // Ref to hold reference to inner-box div
...@@ -111,7 +111,7 @@ const Header = () => { ...@@ -111,7 +111,7 @@ const Header = () => {
</span> </span>
</div> </div>
<div className=""> <div className="">
<div className="name">John Doe</div> <div className="name">{endUser.attributes.name}</div>
<div className="view-profile"> <div className="view-profile">
<a href="">View Profile</a> <a href="">View Profile</a>
</div> </div>
...@@ -306,12 +306,12 @@ const Header = () => { ...@@ -306,12 +306,12 @@ const Header = () => {
<Image layout="fill" priority alt="" className="image img-fluid" src="/images/icons/user.svg" /> <Image layout="fill" priority alt="" className="image img-fluid" src="/images/icons/user.svg" />
</span> </span>
</div> </div>
<div className=""> {endUser && <div className="">
<div className="name">John Doe</div> <div className="name">{endUser.attributes.name}</div>
<div className="view-profile"> <div className="view-profile">
<a href="">View Profile</a> <a href="">View Profile</a>
</div> </div>
</div> </div>}
</div> </div>
<div className="user-item"> <div className="user-item">
<ul> <ul>
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!