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