Skip to content

Jay Mehta / zango-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit d3c4dd07 by jaymehta
Options

.

1 parent 01b3db9d
Inline Side-by-side
Showing 6 changed files with 61 additions and 59 deletions
components/common/ActiveLink.js
...@@ -16,7 +16,7 @@ const ActiveLink = ({ children, activeClassName, ...props }) => { ...@@ -16,7 +16,7 @@ const ActiveLink = ({ children, activeClassName, ...props }) => {
: childClassName : childClassName
return ( return (
<Link {...props}> <Link prefetch {...props}>
{React.cloneElement(child, { {React.cloneElement(child, {
className: className || null, className: className || null,
})} })}
......
components/home/BrowseExperiences.js
...@@ -35,7 +35,7 @@ const BrowseExperiences = ({ allActivitiesData }) => { ...@@ -35,7 +35,7 @@ const BrowseExperiences = ({ allActivitiesData }) => {
</div> </div>
</motion.div> </motion.div>
<div className="view-all-btn"> <div className="view-all-btn">
<Link href={"/listing"} prefetch={true}> <Link href={"/listing"} prefetch>
<Button <Button
variant="primary" variant="primary"
// onClick={() => { // onClick={() => {
...@@ -120,7 +120,7 @@ const BrowseExperiences = ({ allActivitiesData }) => { ...@@ -120,7 +120,7 @@ const BrowseExperiences = ({ allActivitiesData }) => {
<div className="">Includes taxes & Fees</div> <div className="">Includes taxes & Fees</div>
</div> </div>
<div className="explore-now"> <div className="explore-now">
<Link href={`/activities/${data.id}`}> <Link href={`/activities/${data.id}`} prefetch>
<Button <Button
// onClick={() => { // onClick={() => {
// router.push(`/activities/${data.id}`); // router.push(`/activities/${data.id}`);
......
components/home/LetDiscover.js
...@@ -33,7 +33,7 @@ const LetDiscover = ({ categories }) => { ...@@ -33,7 +33,7 @@ const LetDiscover = ({ categories }) => {
</div> </div>
</motion.div> </motion.div>
<div className="view-all-btn"> <div className="view-all-btn">
<Link href={"/listing"} prefetch={true}> <Link href={"/listing"} prefetch>
<Button <Button
// onClick={() => { // onClick={() => {
// router.push("/listing"); // router.push("/listing");
......
components/layout/AdminDashboardSidebar.js
import Image from 'next/image'; import Image from "next/image";
import { useRouter } from 'next/router'; import Link from "next/link";
import React, { useState } from 'react'; import { useRouter } from "next/router";
import React, { useState } from "react";
const Sidebar = () => { const Sidebar = () => {
const router = useRouter(); const router = useRouter();
const [collapsed, setCollapsed] = useState(false); const [collapsed, setCollapsed] = useState(false);
const toggleSidebar = () => { const toggleSidebar = () => {
setCollapsed(!collapsed); setCollapsed(!collapsed);
}; };
return ( return (
<div className={`sidebar ${collapsed ? 'collapsed' : ''}`}> <div className={`sidebar ${collapsed ? "collapsed" : ""}`}>
{/* <button className="toggle-btn" onClick={toggleSidebar}> {/* <button className="toggle-btn" onClick={toggleSidebar}>
Toggle Sidebar Toggle Sidebar
</button> */} </button> */}
<ul> <ul>
{/* <li className={router.pathname === "/admin/orders" ? "active" : ""}> {/* <li className={router.pathname === "/admin/orders" ? "active" : ""}>
<a href="/admin/orders"> <a href="/admin/orders">
<Image alt="" width={22} height={15} src="/images/vendor/icon-orders.svg" /> <Image alt="" width={22} height={15} src="/images/vendor/icon-orders.svg" />
<span>Orders</span> <span>Orders</span>
</a> </a>
</li> */} </li> */}
<li className={router.pathname === "/admin/activities" ? "active" : ""}> <li className={router.pathname === "/admin/activities" ? "active" : ""}>
<a href="/admin/activities"> <Link prefetch href="/admin/activities">
<Image alt="" width={22} height={15} src="/images/vendor/icon-activities.svg" /> <Image alt="" width={22} height={15} src="/images/vendor/icon-activities.svg" />
<span>Activities</span> <span>Activities</span>
</a> </Link>
</li> </li>
<li className={router.pathname === "/admin/vendors" ? "active" : ""}> <li className={router.pathname === "/admin/vendors" ? "active" : ""}>
<a href="/admin/vendors"> <Link prefetch href="/admin/vendors">
<Image alt="" width={22} height={15} src="/images/admin/icon-user.svg" /> <Image alt="" width={22} height={15} src="/images/admin/icon-user.svg" />
<span>Vendor</span> <span>Vendor</span>
</a> </Link>
</li> </li>
<li className={router.pathname === "/admin/giftcards" ? "active" : ""}> <li className={router.pathname === "/admin/giftcards" ? "active" : ""}>
<a href="/admin/giftcards"> <Link prefetch href="/admin/giftcards">
<Image alt="" width={22} height={15} src="/images/admin/icon-gift.svg" /> <Image alt="" width={22} height={15} src="/images/admin/icon-gift.svg" />
<span>Gift Card</span> <span>Gift Card</span>
</a> </Link>
</li> </li>
<li className={router.pathname === "/admin/reviews" ? "active" : ""}> <li className={router.pathname === "/admin/reviews" ? "active" : ""}>
<a href="/admin/reviews"> <Link prefetch href="/admin/reviews">
<Image alt="" width={22} height={15} src="/images/admin/icon-gift.svg" /> <Image alt="" width={22} height={15} src="/images/admin/icon-gift.svg" />
<span>Reviews</span> <span>Reviews</span>
</a> </Link>
</li> </li>
</ul> </ul>
</div> </div>
); );
}; };
export default Sidebar;
\ No newline at end of file \ No newline at end of file
export default Sidebar;
components/layout/Footer.js
...@@ -3,6 +3,7 @@ import React, { useState } from "react"; ...@@ -3,6 +3,7 @@ import React, { useState } from "react";
import { Button } from "react-bootstrap"; import { Button } from "react-bootstrap";
import { newsletter } from "../../redux/actions/newsletterAction"; import { newsletter } from "../../redux/actions/newsletterAction";
import { toast } from "react-toastify"; import { toast } from "react-toastify";
import Link from "next/link";
const Footer = () => { const Footer = () => {
const [email, setEmail] = useState(''); const [email, setEmail] = useState('');
...@@ -67,22 +68,22 @@ const Footer = () => { ...@@ -67,22 +68,22 @@ const Footer = () => {
<h3>QUICK LINKS</h3> <h3>QUICK LINKS</h3>
<ul> <ul>
<li> <li>
<a href="/about-us">About Us</a> <Link prefetch href="/about-us">About Us</Link>
</li> </li>
<li> <li>
<a href="/contact-us">Contact Us</a> <Link prefetch href="/contact-us">Contact Us</Link>
</li> </li>
<li> <li>
<a href="">Corporate Programs</a> <Link prefetch href="">Corporate Programs</Link>
</li> </li>
<li> <li>
<a href="">Private Events</a> <Link prefetch href="">Private Events</Link>
</li> </li>
<li> <li>
<a href="">Promo T & C’s</a> <Link prefetch href="">Promo T & C’s</Link>
</li> </li>
<li> <li>
<a href="">Gifting</a> <Link prefetch href="">Gifting</Link>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -121,16 +122,16 @@ const Footer = () => { ...@@ -121,16 +122,16 @@ const Footer = () => {
<h3>HELP</h3> <h3>HELP</h3>
<ul> <ul>
<li> <li>
<a href="/terms-and-conditions">Terms & Policy</a> <Link prefetch href="/terms-and-conditions">Terms & Policy</Link>
</li> </li>
<li> <li>
<a href="/privacy-policy">Privacy Policy</a> <Link prefetch href="/privacy-policy">Privacy Policy</Link>
</li> </li>
<li> <li>
<a href="">Careers</a> <Link prefetch href="">Careers</Link>
</li> </li>
<li> <li>
<a href="">FAQs</a> <Link prefetch href="">FAQs</Link>
</li> </li>
</ul> </ul>
</div> </div>
......
components/layout/VendorDashboardSidebar.js
...@@ -22,7 +22,7 @@ const Sidebar = () => { ...@@ -22,7 +22,7 @@ const Sidebar = () => {
</button> */} </button> */}
<ul> <ul>
<li className={router.pathname === "/vendor/dashboard" ? "active" : ""}> <li className={router.pathname === "/vendor/dashboard" ? "active" : ""}>
<Link href="/vendor/dashboard"> <Link prefetch href="/vendor/dashboard">
<span className="d-flex cursor-pointer"> <span className="d-flex cursor-pointer">
<Image className="" alt="" width={22} height={15} src="/images/vendor/icon-dashboard.svg" /> <Image className="" alt="" width={22} height={15} src="/images/vendor/icon-dashboard.svg" />
<div className="mx-2 text-center"> <div className="mx-2 text-center">
...@@ -32,7 +32,7 @@ const Sidebar = () => { ...@@ -32,7 +32,7 @@ const Sidebar = () => {
</Link> </Link>
</li> </li>
<li className={router.pathname === "/vendor/enquiries" ? "active" : ""}> <li className={router.pathname === "/vendor/enquiries" ? "active" : ""}>
<Link href="/vendor/enquiries"> <Link prefetch href="/vendor/enquiries">
<span className="d-flex cursor-pointer"> <span className="d-flex cursor-pointer">
<Image alt="" width={22} height={15} src="/images/vendor/icon-orders.svg" /> <Image alt="" width={22} height={15} src="/images/vendor/icon-orders.svg" />
<div className="mx-2 text-center"> <div className="mx-2 text-center">
...@@ -42,7 +42,7 @@ const Sidebar = () => { ...@@ -42,7 +42,7 @@ const Sidebar = () => {
</Link> </Link>
</li> </li>
<li className={router.pathname === "/vendor/activities" ? "active" : ""}> <li className={router.pathname === "/vendor/activities" ? "active" : ""}>
<Link href="/vendor/activities"> <Link prefetch href="/vendor/activities">
<span className="d-flex cursor-pointer"> <span className="d-flex cursor-pointer">
<Image alt="" width={22} height={15} src="/images/vendor/icon-activities.svg" /> <Image alt="" width={22} height={15} src="/images/vendor/icon-activities.svg" />
<div className="mx-2 text-center"> <div className="mx-2 text-center">
...@@ -52,7 +52,7 @@ const Sidebar = () => { ...@@ -52,7 +52,7 @@ const Sidebar = () => {
</Link> </Link>
</li> </li>
<li className={router.pathname === "/vendor/reviews" ? "active" : ""}> <li className={router.pathname === "/vendor/reviews" ? "active" : ""}>
<Link href="/vendor/reviews"> <Link prefetch href="/vendor/reviews">
<span className="d-flex cursor-pointer"> <span className="d-flex cursor-pointer">
<Image alt="" width={22} height={15} src="/images/vendor/icon-orders.svg" /> <Image alt="" width={22} height={15} src="/images/vendor/icon-orders.svg" />
<div className="mx-2 text-center"> <div className="mx-2 text-center">
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!