Blame view

components/layout/AdminDashboardSidebar.js 1.86 KB
Jyotsna committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
import Image from 'next/image';
import { useRouter } from 'next/router';
import React, { useState } from 'react';

const Sidebar = () => {
    const router = useRouter();

    const [collapsed, setCollapsed] = useState(false);

    const toggleSidebar = () => {
        setCollapsed(!collapsed);
    };

    return (
        <div className={`sidebar ${collapsed ? 'collapsed' : ''}`}>
            {/* <button className="toggle-btn" onClick={toggleSidebar}>
        Toggle Sidebar
      </button> */}
            <ul>
.  
jaymehta committed
20
                {/* <li className={router.pathname === "/admin/orders" ? "active" : ""}>
Jyotsna committed
21 22 23 24
                    <a href="/admin/orders">
                        <Image alt="" width={22} height={15} src="/images/vendor/icon-orders.svg" />
                        <span>Orders</span>
                    </a>
.  
jaymehta committed
25
                </li> */}
Jyotsna committed
26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49
                <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>
            </ul>
        </div>
    );
};

export default Sidebar;