OwlCyberSecurity - MANAGER

Edit File: DashboardSidebar.tsx

"use client";
import { activity, userInfoAccess } from "@/redux/features/auth-slice";
import { AllUserInfoType } from "@/typing";
import Link from "next/link";
import { redirect, usePathname, useRouter } from "next/navigation";
import React, { useEffect, useState } from "react";
import { toast } from "sonner";
import { useDispatch, useSelector } from "react-redux";
import { logOut } from "@/redux/features/auth-slice";
import useDetectMobile from "../components/hooks/DetectMobile";

function DashboardSidebar() {
  const path = usePathname();
  const router = useRouter();
  const dispatch = useDispatch();
  const userInfoRedux: any = useSelector<AllUserInfoType>(userInfoAccess);
  const userActivity = useSelector(activity);
  const isMobile = useDetectMobile();

const links = [
    {
      id: 1,
      href: "/dashboard/profile",
      text: "پروفایل",
      image: (
        <svg
          width="21"
          height="20"
          viewBox="0 0 21 20"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
          className={` ${
            path === "/dashboard/profile" && "text-[var(--base-blue)]"
          }`}
        >
          <g clipPath="url(#clip0_1566_2523)">
            <path
              d="M10.498 10C11.487 10 12.4537 9.70676 13.2759 9.15735C14.0981 8.60794 14.739 7.82705 15.1174 6.91342C15.4959 5.99979 15.5949 4.99446 15.402 4.02455C15.209 3.05465 14.7328 2.16373 14.0336 1.46447C13.3343 0.765206 12.4434 0.289002 11.4735 0.0960758C10.5036 -0.0968503 9.49826 0.00216643 8.58463 0.380605C7.671 0.759043 6.89011 1.39991 6.3407 2.22215C5.79129 3.0444 5.49805 4.0111 5.49805 5C5.49937 6.32568 6.02658 7.59668 6.96398 8.53407C7.90137 9.47147 9.17237 9.99868 10.498 10ZM10.498 1.66667C11.1573 1.66667 11.8018 1.86217 12.3499 2.22844C12.8981 2.59471 13.3254 3.1153 13.5776 3.72439C13.8299 4.33348 13.8959 5.0037 13.7673 5.6503C13.6387 6.29691 13.3212 6.89085 12.8551 7.35703C12.3889 7.8232 11.795 8.14067 11.1483 8.26929C10.5017 8.3979 9.83152 8.33189 9.22244 8.0796C8.61335 7.82731 8.09275 7.40007 7.72648 6.8519C7.36021 6.30374 7.16471 5.65927 7.16471 5C7.16471 4.11595 7.5159 3.2681 8.14102 2.64298C8.76615 2.01786 9.61399 1.66667 10.498 1.66667Z"
              fill={` ${
                path === "/dashboard/profile" ? "var(--light-blue)" : "#BDBDBD"
              }`}
            />
            <path
              d="M10.498 11.667C8.5096 11.6692 6.60323 12.4601 5.19718 13.8661C3.79114 15.2722 3.00025 17.1785 2.99805 19.167C2.99805 19.388 3.08584 19.6 3.24212 19.7562C3.3984 19.9125 3.61037 20.0003 3.83138 20.0003C4.05239 20.0003 4.26436 19.9125 4.42064 19.7562C4.57692 19.6 4.66471 19.388 4.66471 19.167C4.66471 17.6199 5.2793 16.1362 6.37326 15.0422C7.46722 13.9482 8.95095 13.3337 10.498 13.3337C12.0451 13.3337 13.5289 13.9482 14.6228 15.0422C15.7168 16.1362 16.3314 17.6199 16.3314 19.167C16.3314 19.388 16.4192 19.6 16.5755 19.7562C16.7317 19.9125 16.9437 20.0003 17.1647 20.0003C17.3857 20.0003 17.5977 19.9125 17.754 19.7562C17.9103 19.6 17.998 19.388 17.998 19.167C17.9958 17.1785 17.205 15.2722 15.7989 13.8661C14.3929 12.4601 12.4865 11.6692 10.498 11.667Z"
              fill={` ${
                path === "/dashboard/profile" ? "var(--light-blue)" : "#BDBDBD"
              }`}
            />
          </g>
          <defs>
            <clipPath id="clip0_1566_2523">
              <rect
                width="20"
                height="20"
                fill="white"
                transform="translate(0.498047)"
              />
            </clipPath>
          </defs>
        </svg>
      ),
      // whiteImage: "/assest/images/icons/white-icons/element3.png",
      activeImage: "/assets/images/icons/active/profile-user.png",
      show: true,
    },
    {
      id: 2,
      href: "/dashboard/orders",
      text: "سفارشات",
      image: (
        <svg
          width="20"
          height="20"
          viewBox="0 0 20 20"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
          className={` ${
            path.startsWith("/dashboard/orders") && "text-[var(--base-blue)]"
          }`}
        >
          <g clipPath="url(#clip0_1364_15744)">
            <path
              d="M18.9275 3.3975C18.6931 3.1162 18.3996 2.88996 18.0679 2.73485C17.7363 2.57973 17.3745 2.49955 17.0083 2.5H3.535L3.5 2.2075C3.42837 1.59951 3.13615 1.03894 2.67874 0.632065C2.22133 0.225186 1.63052 0.000284828 1.01833 0L0.833333 0C0.61232 0 0.400358 0.0877974 0.244078 0.244078C0.0877974 0.400358 0 0.61232 0 0.833333C0 1.05435 0.0877974 1.26631 0.244078 1.42259C0.400358 1.57887 0.61232 1.66667 0.833333 1.66667H1.01833C1.22244 1.66669 1.41945 1.74163 1.57198 1.87726C1.72451 2.0129 1.82195 2.19979 1.84583 2.4025L2.9925 12.1525C3.11154 13.1665 3.59873 14.1015 4.36159 14.78C5.12445 15.4585 6.10988 15.8334 7.13083 15.8333H15.8333C16.0543 15.8333 16.2663 15.7455 16.4226 15.5893C16.5789 15.433 16.6667 15.221 16.6667 15C16.6667 14.779 16.5789 14.567 16.4226 14.4107C16.2663 14.2545 16.0543 14.1667 15.8333 14.1667H7.13083C6.61505 14.1652 6.11233 14.0043 5.69161 13.7059C5.27089 13.4075 4.95276 12.9863 4.78083 12.5H14.7142C15.6911 12.5001 16.6369 12.1569 17.3865 11.5304C18.1361 10.9039 18.6417 10.0339 18.815 9.0725L19.4692 5.44417C19.5345 5.08417 19.5198 4.71422 19.4262 4.36053C19.3326 4.00684 19.1623 3.67806 18.9275 3.3975ZM17.8333 5.14833L17.1783 8.77667C17.0743 9.35417 16.7704 9.87666 16.3199 10.2527C15.8694 10.6287 15.301 10.8342 14.7142 10.8333H4.51583L3.73167 4.16667H17.0083C17.1307 4.16594 17.2518 4.19218 17.3629 4.24355C17.4741 4.29491 17.5725 4.37012 17.6513 4.46384C17.73 4.55756 17.7872 4.66748 17.8186 4.78578C17.8501 4.90409 17.8551 5.02787 17.8333 5.14833Z"
              fill={` ${
                path.startsWith("/dashboard/orders")
                  ? "var(--light-blue)"
                  : "#BDBDBD"
              }`}
            />
            <path
              d="M5.83366 20.0006C6.75413 20.0006 7.50032 19.2544 7.50032 18.3339C7.50032 17.4134 6.75413 16.6672 5.83366 16.6672C4.91318 16.6672 4.16699 17.4134 4.16699 18.3339C4.16699 19.2544 4.91318 20.0006 5.83366 20.0006Z"
              fill={` ${
                path.startsWith("/dashboard/orders")
                  ? "var(--light-blue)"
                  : "#BDBDBD"
              }`}
            />
            <path
              d="M14.1667 20.0006C15.0871 20.0006 15.8333 19.2544 15.8333 18.3339C15.8333 17.4134 15.0871 16.6672 14.1667 16.6672C13.2462 16.6672 12.5 17.4134 12.5 18.3339C12.5 19.2544 13.2462 20.0006 14.1667 20.0006Z"
              fill={` ${
                path.startsWith("/dashboard/orders")
                  ? "var(--light-blue)"
                  : "#BDBDBD"
              }`}
            />
          </g>
          <defs>
            <clipPath id="clip0_1364_15744">
              <rect width="20" height="20" fill="white" />
            </clipPath>
          </defs>
        </svg>
      ),
      // whiteImage: "/assest/images/icons/white-icons/documenttext.png",
      activeImage: "/assets/images/icons/active/profile-basket.png",
      show: true,
    },
    // {
    //   id: 6,
    //   href: "/dashboard/credits-orders",
    //   text: "سفارشات خرید اقساطی",
    //   image: (
    //     <svg
    //       width="20"
    //       height="20"
    //       viewBox="0 0 20 20"
    //       fill="none"
    //       xmlns="http://www.w3.org/2000/svg"
    //       className={` ${
    //         path.startsWith("/dashboard/credits-orders") &&
    //         "text-[var(--base-blue)]"
    //       }`}
    //     >
    //       <g clipPath="url(#clip0_1364_15744)">
    //         <path
    //           d="M18.9275 3.3975C18.6931 3.1162 18.3996 2.88996 18.0679 2.73485C17.7363 2.57973 17.3745 2.49955 17.0083 2.5H3.535L3.5 2.2075C3.42837 1.59951 3.13615 1.03894 2.67874 0.632065C2.22133 0.225186 1.63052 0.000284828 1.01833 0L0.833333 0C0.61232 0 0.400358 0.0877974 0.244078 0.244078C0.0877974 0.400358 0 0.61232 0 0.833333C0 1.05435 0.0877974 1.26631 0.244078 1.42259C0.400358 1.57887 0.61232 1.66667 0.833333 1.66667H1.01833C1.22244 1.66669 1.41945 1.74163 1.57198 1.87726C1.72451 2.0129 1.82195 2.19979 1.84583 2.4025L2.9925 12.1525C3.11154 13.1665 3.59873 14.1015 4.36159 14.78C5.12445 15.4585 6.10988 15.8334 7.13083 15.8333H15.8333C16.0543 15.8333 16.2663 15.7455 16.4226 15.5893C16.5789 15.433 16.6667 15.221 16.6667 15C16.6667 14.779 16.5789 14.567 16.4226 14.4107C16.2663 14.2545 16.0543 14.1667 15.8333 14.1667H7.13083C6.61505 14.1652 6.11233 14.0043 5.69161 13.7059C5.27089 13.4075 4.95276 12.9863 4.78083 12.5H14.7142C15.6911 12.5001 16.6369 12.1569 17.3865 11.5304C18.1361 10.9039 18.6417 10.0339 18.815 9.0725L19.4692 5.44417C19.5345 5.08417 19.5198 4.71422 19.4262 4.36053C19.3326 4.00684 19.1623 3.67806 18.9275 3.3975ZM17.8333 5.14833L17.1783 8.77667C17.0743 9.35417 16.7704 9.87666 16.3199 10.2527C15.8694 10.6287 15.301 10.8342 14.7142 10.8333H4.51583L3.73167 4.16667H17.0083C17.1307 4.16594 17.2518 4.19218 17.3629 4.24355C17.4741 4.29491 17.5725 4.37012 17.6513 4.46384C17.73 4.55756 17.7872 4.66748 17.8186 4.78578C17.8501 4.90409 17.8551 5.02787 17.8333 5.14833Z"
    //           fill={` ${
    //             path.startsWith("/dashboard/credits-orders")
    //               ? "var(--light-blue)"
    //               : "#BDBDBD"
    //           }`}
    //         />
    //         <path
    //           d="M5.83366 20.0006C6.75413 20.0006 7.50032 19.2544 7.50032 18.3339C7.50032 17.4134 6.75413 16.6672 5.83366 16.6672C4.91318 16.6672 4.16699 17.4134 4.16699 18.3339C4.16699 19.2544 4.91318 20.0006 5.83366 20.0006Z"
    //           fill={` ${
    //             path.startsWith("/dashboard/credits-orders")
    //               ? "var(--light-blue)"
    //               : "#BDBDBD"
    //           }`}
    //         />
    //         <path
    //           d="M14.1667 20.0006C15.0871 20.0006 15.8333 19.2544 15.8333 18.3339C15.8333 17.4134 15.0871 16.6672 14.1667 16.6672C13.2462 16.6672 12.5 17.4134 12.5 18.3339C12.5 19.2544 13.2462 20.0006 14.1667 20.0006Z"
    //           fill={` ${
    //             path.startsWith("/dashboard/credits-orders")
    //               ? "var(--light-blue)"
    //               : "#BDBDBD"
    //           }`}
    //         />
    //       </g>
    //       <defs>
    //         <clipPath id="clip0_1364_15744">
    //           <rect width="20" height="20" fill="white" />
    //         </clipPath>
    //       </defs>
    //     </svg>
    //   ),
    //   // whiteImage: "/assest/images/icons/white-icons/documenttext.png",
    //   activeImage: "/assets/images/icons/active/profile-basket.png",
    //   show: true,
    // },
    {
      id: 3,
      href: "/dashboard/payments",
      text: "گزارش پرداخت",
      image: (
        <svg
          width="20"
          height="20"
          viewBox="0 0 20 20"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
          className={` ${
            path === "/dashboard/payments" && "text-[var(--base-blue)]"
          }`}
        >
          <g clipPath="url(#clip0_1364_15747)">
            <path
              d="M15.8333 16.6668H4.16667C3.062 16.6655 2.00296 16.2261 1.22185 15.445C0.440735 14.6639 0.00132321 13.6048 0 12.5002L0 7.50016C0.00132321 6.3955 0.440735 5.33646 1.22185 4.55535C2.00296 3.77423 3.062 3.33482 4.16667 3.3335H15.8333C16.938 3.33482 17.997 3.77423 18.7782 4.55535C19.5593 5.33646 19.9987 6.3955 20 7.50016V12.5002C19.9987 13.6048 19.5593 14.6639 18.7782 15.445C17.997 16.2261 16.938 16.6655 15.8333 16.6668ZM4.16667 5.00016C3.50363 5.00016 2.86774 5.26356 2.3989 5.7324C1.93006 6.20124 1.66667 6.83712 1.66667 7.50016V12.5002C1.66667 13.1632 1.93006 13.7991 2.3989 14.2679C2.86774 14.7368 3.50363 15.0002 4.16667 15.0002H15.8333C16.4964 15.0002 17.1323 14.7368 17.6011 14.2679C18.0699 13.7991 18.3333 13.1632 18.3333 12.5002V7.50016C18.3333 6.83712 18.0699 6.20124 17.6011 5.7324C17.1323 5.26356 16.4964 5.00016 15.8333 5.00016H4.16667ZM10 13.3335C9.34073 13.3335 8.69626 13.138 8.1481 12.7717C7.59994 12.4055 7.17269 11.8849 6.9204 11.2758C6.66811 10.6667 6.6021 9.99647 6.73072 9.34986C6.85933 8.70326 7.1768 8.10932 7.64298 7.64314C8.10915 7.17697 8.7031 6.8595 9.3497 6.73088C9.9963 6.60226 10.6665 6.66827 11.2756 6.92056C11.8847 7.17286 12.4053 7.6001 12.7716 8.14826C13.1378 8.69643 13.3333 9.34089 13.3333 10.0002C13.3333 10.8842 12.9821 11.7321 12.357 12.3572C11.7319 12.9823 10.8841 13.3335 10 13.3335ZM10 8.3335C9.67036 8.3335 9.34813 8.43124 9.07405 8.61438C8.79997 8.79752 8.58635 9.05781 8.4602 9.36236C8.33405 9.6669 8.30105 10.002 8.36536 10.3253C8.42967 10.6486 8.5884 10.9456 8.82149 11.1787C9.05458 11.4118 9.35155 11.5705 9.67485 11.6348C9.99815 11.6991 10.3333 11.6661 10.6378 11.54C10.9423 11.4138 11.2026 11.2002 11.3858 10.9261C11.5689 10.652 11.6667 10.3298 11.6667 10.0002C11.6667 9.55814 11.4911 9.13421 11.1785 8.82165C10.8659 8.50909 10.442 8.3335 10 8.3335ZM4.16667 6.66683C4.00185 6.66683 3.84073 6.7157 3.70369 6.80727C3.56665 6.89884 3.45984 7.02899 3.39677 7.18126C3.33369 7.33353 3.31719 7.50109 3.34935 7.66274C3.3815 7.82439 3.46087 7.97287 3.57741 8.08942C3.69395 8.20596 3.84244 8.28533 4.00409 8.31748C4.16574 8.34964 4.3333 8.33314 4.48557 8.27006C4.63784 8.20699 4.76799 8.10018 4.85956 7.96314C4.95113 7.8261 5 7.66498 5 7.50016C5 7.27915 4.9122 7.06719 4.75592 6.91091C4.59964 6.75463 4.38768 6.66683 4.16667 6.66683ZM15 7.50016C15 7.66498 15.0489 7.8261 15.1404 7.96314C15.232 8.10018 15.3622 8.20699 15.5144 8.27006C15.6667 8.33314 15.8343 8.34964 15.9959 8.31748C16.1576 8.28533 16.306 8.20596 16.4226 8.08942C16.5391 7.97287 16.6185 7.82439 16.6507 7.66274C16.6828 7.50109 16.6663 7.33353 16.6032 7.18126C16.5402 7.02899 16.4333 6.89884 16.2963 6.80727C16.1593 6.7157 15.9982 6.66683 15.8333 6.66683C15.6123 6.66683 15.4004 6.75463 15.2441 6.91091C15.0878 7.06719 15 7.27915 15 7.50016ZM4.16667 11.6668C4.00185 11.6668 3.84073 11.7157 3.70369 11.8073C3.56665 11.8988 3.45984 12.029 3.39677 12.1813C3.33369 12.3335 3.31719 12.5011 3.34935 12.6627C3.3815 12.8244 3.46087 12.9729 3.57741 13.0894C3.69395 13.206 3.84244 13.2853 4.00409 13.3175C4.16574 13.3496 4.3333 13.3331 4.48557 13.2701C4.63784 13.207 4.76799 13.1002 4.85956 12.9631C4.95113 12.8261 5 12.665 5 12.5002C5 12.2791 4.9122 12.0672 4.75592 11.9109C4.59964 11.7546 4.38768 11.6668 4.16667 11.6668ZM15 12.5002C15 12.665 15.0489 12.8261 15.1404 12.9631C15.232 13.1002 15.3622 13.207 15.5144 13.2701C15.6667 13.3331 15.8343 13.3496 15.9959 13.3175C16.1576 13.2853 16.306 13.206 16.4226 13.0894C16.5391 12.9729 16.6185 12.8244 16.6507 12.6627C16.6828 12.5011 16.6663 12.3335 16.6032 12.1813C16.5402 12.029 16.4333 11.8988 16.2963 11.8073C16.1593 11.7157 15.9982 11.6668 15.8333 11.6668C15.6123 11.6668 15.4004 11.7546 15.2441 11.9109C15.0878 12.0672 15 12.2791 15 12.5002Z"
              fill={` ${
                path === "/dashboard/payments" ? "var(--light-blue)" : "#BDBDBD"
              }`}
            />
          </g>
          <defs>
            <clipPath id="clip0_1364_15747">
              <rect width="20" height="20" fill="white" />
            </clipPath>
          </defs>
        </svg>
      ),
      // whiteImage: "/assest/images/icons/white-icons/emptywallet.png",
      activeImage: "/assets/images/icons/active/profile-money.png",
      show: true,
    },
    {
      id: 4,
      href: "/dashboard/wallet",
      text: "کیف پول",
      image: (
        <svg
          width="20"
          height="20"
          viewBox="0 0 20 20"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
          className={` ${
            path === "/dashboard/wallet" && "text-[var(--base-blue)]"
          }`}
        >
          <g clipPath="url(#clip0_1364_15750)">
            <path
              d="M4.5835 14.1667C5.27385 14.1667 5.8335 13.6071 5.8335 12.9167C5.8335 12.2264 5.27385 11.6667 4.5835 11.6667C3.89314 11.6667 3.3335 12.2264 3.3335 12.9167C3.3335 13.6071 3.89314 14.1667 4.5835 14.1667Z"
              fill={` ${
                path === "/dashboard/wallet" ? "var(--light-blue)" : "#BDBDBD"
              }`}
            />
            <path
              d="M15.8333 2.5H4.16667C3.062 2.50132 2.00296 2.94073 1.22185 3.72185C0.440735 4.50296 0.00132321 5.562 0 6.66667L0 13.3333C0.00132321 14.438 0.440735 15.497 1.22185 16.2782C2.00296 17.0593 3.062 17.4987 4.16667 17.5H15.8333C16.938 17.4987 17.997 17.0593 18.7782 16.2782C19.5593 15.497 19.9987 14.438 20 13.3333V6.66667C19.9987 5.562 19.5593 4.50296 18.7782 3.72185C17.997 2.94073 16.938 2.50132 15.8333 2.5ZM4.16667 4.16667H15.8333C16.4964 4.16667 17.1323 4.43006 17.6011 4.8989C18.0699 5.36774 18.3333 6.00363 18.3333 6.66667H1.66667C1.66667 6.00363 1.93006 5.36774 2.3989 4.8989C2.86774 4.43006 3.50363 4.16667 4.16667 4.16667ZM15.8333 15.8333H4.16667C3.50363 15.8333 2.86774 15.5699 2.3989 15.1011C1.93006 14.6323 1.66667 13.9964 1.66667 13.3333V8.33333H18.3333V13.3333C18.3333 13.9964 18.0699 14.6323 17.6011 15.1011C17.1323 15.5699 16.4964 15.8333 15.8333 15.8333Z"
              fill={` ${
                path === "/dashboard/wallet" ? "var(--light-blue)" : "#BDBDBD"
              }`}
            />
          </g>
          <defs>
            <clipPath id="clip0_1364_15750">
              <rect width="20" height="20" fill="white" />
            </clipPath>
          </defs>
        </svg>
      ),
      // whiteImage: "/assest/images/icons/white-icons/cards.png",
      activeImage: "/assets/images/icons/active/profile-credit-card.png",
      show: true,
    },
    {
      id: 7,
      href: "/dashboard/affiliate",
      text: "پنل مشارکتی",
      image: (
        <svg
          width="24"
          height="24"
          viewBox="0 0 24 24"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M22 8.00007H20M20 8.00007H19C17 6.00185 14 3.99986 12 6.00007M20 8.00007V16M12 6.00007L8.99956 9.0017C8.9202 9.08109 8.88052 9.12078 8.84859 9.15592C8.15499 9.91901 8.15528 11.0843 8.84927 11.8471C8.88121 11.8822 8.92098 11.9219 9.00031 12.0012C9.07967 12.0805 9.11936 12.1202 9.15449 12.1521C9.91743 12.8454 11.0824 12.8453 11.8451 12.1517C11.8802 12.1198 11.9199 12.0801 11.9992 12.0008L12.9996 11.0004M12 6.00007C10 3.99986 7 6.00192 5 8.00013H4M20 16V19H22M20 16H17.1716M4 8.00013H2M4 8.00013V16M4 16H6L6.38197 16.764C6.89563 17.7913 8.31085 17.9189 9 17C9.54525 17.5453 9.81788 17.8179 10.112 17.9637C10.6715 18.2409 11.3285 18.2409 11.888 17.9637C12.1821 17.8179 12.4548 17.5453 13 17L13.5 17.5C13.5796 17.5796 13.6195 17.6195 13.6547 17.6516C14.4176 18.345 15.5824 18.345 16.3453 17.6516C16.3805 17.6195 16.4204 17.5796 16.5 17.5C16.5796 17.4204 16.6195 17.3806 16.6515 17.3453C17.3449 16.5825 17.3449 15.4176 16.6515 14.6548C16.6195 14.6195 16.5796 14.5797 16.5 14.5L15 13M4 16V19H2"
            stroke={
              path === "/dashboard/affiliate" ? "var(--light-blue)" : "#BDBDBD"
            }
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </svg>
      ),
      // whiteImage: "/assest/images/icons/white-icons/cards.png",
      activeImage: "/assets/images/icons/active/profile-credit-card.png",
      show: userInfoRedux?.is_affiliate,
    },
    {
      id: 5,
      href: "/dashboard/tickets",
      text: "تیکت و پشتیبانی",
      image: (
        <svg
          width="20"
          height="20"
          viewBox="0 0 20 20"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
          className={` ${
            path === "/dashboard/tickets" && "text-[var(--base-blue)]"
          }`}
        >
          <path
            d="M20 13.3331V17.4998C20 18.1628 19.7366 18.7987 19.2678 19.2676C18.7989 19.7364 18.163 19.9998 17.5 19.9998H13.3333C12.1642 19.9986 11.016 19.69 10.0039 19.1049C8.99172 18.5199 8.15121 17.6789 7.56667 16.6665C8.19489 16.662 8.82098 16.5927 9.435 16.4598C9.90262 17.0445 10.4958 17.5165 11.1707 17.8408C11.8455 18.165 12.5846 18.3333 13.3333 18.3331H17.5C17.721 18.3331 17.933 18.2453 18.0893 18.089C18.2455 17.9328 18.3333 17.7208 18.3333 17.4998V13.3331C18.3331 12.5841 18.1643 11.8448 17.8395 11.17C17.5146 10.4951 17.042 9.90208 16.4567 9.43479C16.5907 8.82088 16.6611 8.19479 16.6667 7.56645C17.6791 8.151 18.5201 8.9915 19.1051 10.0037C19.6902 11.0158 19.9988 12.164 20 13.3331ZM14.9808 8.04229C15.0588 6.96865 14.9047 5.89082 14.529 4.88203C14.1534 3.87324 13.565 2.95714 12.8038 2.19597C12.0426 1.4348 11.1265 0.846396 10.1178 0.47075C9.10896 0.0951034 8.03113 -0.0589861 6.9575 0.018952C5.05493 0.236229 3.29744 1.1416 2.01598 2.56457C0.734522 3.98754 0.0175226 5.82993 0 7.74479L0 11.9448C0 14.0548 1.25583 14.9998 2.5 14.9998H7.25C9.16567 14.9833 11.0092 14.2668 12.4332 12.9852C13.8571 11.7037 14.7633 9.94563 14.9808 8.04229ZM11.625 3.37562C12.2166 3.96854 12.674 4.68162 12.9661 5.46661C13.2582 6.2516 13.3784 7.09018 13.3183 7.92562C13.1405 9.41202 12.4254 10.7821 11.3078 11.7781C10.1901 12.774 8.74699 13.3271 7.25 13.3331H2.5C1.72667 13.3331 1.66667 12.2706 1.66667 11.9448V7.74479C1.67361 6.24843 2.22721 4.80621 3.22326 3.68952C4.21932 2.57283 5.58916 1.85868 7.075 1.68145C7.21333 1.67145 7.35167 1.66645 7.49 1.66645C8.25772 1.66574 9.01807 1.81632 9.72757 2.10958C10.4371 2.40285 11.0818 2.83306 11.625 3.37562Z"
            fill={` ${
              path === "/dashboard/tickets" ? "var(--light-blue)" : "#BDBDBD"
            }`}
          />
        </svg>
      ),
      // whiteImage: "/assest/images/icons/white-icons/cards.png",
      activeImage: "/assets/images/icons/active/profile-comments.png",
      show: true,
    },
  ];

function logoutButton() {
    const token = localStorage.getItem("token");
    var myHeaders = new Headers();
    myHeaders.append("Accept", "application/json");
    myHeaders.append("Authorization", `Bearer ${token}`);

var requestOptions = {
      method: "POST",
      headers: myHeaders,
    };

fetch(`${process.env.NEXT_PUBLIC_API_ADDRESS}logout`, requestOptions)
      .then((response) => response.json())
      .then((result) => {
        // console.log(result);
        localStorage.removeItem("user_info");
        localStorage.removeItem("token");
        dispatch(logOut());
        toast.success(result.message);
      })
      .catch((error) => console.log("error", error));
  }

if (!userActivity) {
    redirect("/");
  }

if (userActivity) {
    return (
      <div className="hidden md:flex dashboard-sidebar-container shadow-lg">
        <div className="flex flex-col gap-2">
          <p className="text-[var(--text-gray)]">
            {userInfoRedux ? userInfoRedux?.name : null}
          </p>
          <span className="font-IRANSansBold">
            {userInfoRedux ? userInfoRedux?.cell_number : null}
          </span>
        </div>
        <div className="flex flex-col gap-1 w-full">
          <div className="flex justify-between items-center w-full">
            <p className="text-[14px] text-[var(--text-gray)]">
              موجودی کیف پول
            </p>
            <span className="font-IRANSansBold">
              {userInfoRedux
                ? userInfoRedux?.wallet_balance
                  ? userInfoRedux.wallet_balance
                  : "0"
                : null}
              <span className="font-light text-[12px]">
                {" "}
                {process.env.price}
              </span>
            </span>
          </div>
          <Link
            className="text-[14px] text-[var(--base-blue)] font-IRANSansBold underline"
            href="/dashboard/wallet"
          >
            افزایش موجودی
          </Link>
        </div>
        <div className="flex flex-col w-full">
          {links.map((link) =>
            link.show ? (
              <Link
                href={link.href}
                key={link.id}
                className={`flex items-center gap-3 py-3 hover:bg-[#FAFAFA] hover:font-bold hover:text-black w-full px-3 ${
                  path.startsWith(link.href)
                    ? "bg-[#FAFAFA] border-r-2 rounded-l-lg border-[var(--light-blue)]"
                    : "text-[var(--text-gray)]"
                }`}
              >
                {link.image}
                <p
                  className={`w-full ${
                    path.startsWith(link.href) ? "font-IRANSansBold" : ""
                  }`}
                >
                  {link.text}
                </p>
              </Link>
            ) : null
          )}
          <div
            onClick={logoutButton}
            className="flex items-center gap-3 py-3  w-full rounded-lg px-3 text-[var(--text-gray)] cursor-pointer"
          >
            <svg
              width="20"
              height="20"
              viewBox="0 0 20 20"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <g clipPath="url(#clip0_1364_15761)">
                <path
                  d="M19.0239 7.6427L15.7914 4.4102C15.6342 4.2584 15.4237 4.1744 15.2052 4.1763C14.9867 4.1782 14.7777 4.26584 14.6232 4.42035C14.4687 4.57485 14.3811 4.78386 14.3792 5.00236C14.3773 5.22086 14.4613 5.43136 14.6131 5.58853L17.8456 8.82103C17.9416 8.91897 18.0255 9.02808 18.0956 9.14603C18.0831 9.14603 18.0731 9.13936 18.0606 9.13936L4.99056 9.16603C4.76955 9.16603 4.55758 9.25383 4.4013 9.41011C4.24502 9.56639 4.15723 9.77835 4.15723 9.99936C4.15723 10.2204 4.24502 10.4323 4.4013 10.5886C4.55758 10.7449 4.76955 10.8327 4.99056 10.8327L18.0556 10.806C18.0789 10.806 18.0981 10.7944 18.1206 10.7927C18.0466 10.9337 17.9529 11.0633 17.8422 11.1777L14.6097 14.4102C14.5301 14.4871 14.4667 14.579 14.423 14.6807C14.3793 14.7824 14.3563 14.8917 14.3554 15.0024C14.3544 15.113 14.3755 15.2227 14.4174 15.3252C14.4593 15.4276 14.5212 15.5206 14.5994 15.5989C14.6776 15.6771 14.7707 15.739 14.8731 15.7809C14.9755 15.8228 15.0852 15.8439 15.1959 15.8429C15.3065 15.8419 15.4159 15.819 15.5176 15.7753C15.6192 15.7316 15.7112 15.6681 15.7881 15.5885L19.0206 12.356C19.6455 11.7309 19.9965 10.8832 19.9965 9.99936C19.9965 9.11548 19.6455 8.26779 19.0206 7.6427H19.0239Z"
                  fill="#D32F2F"
                />
                <path
                  d="M5.83333 18.3333H4.16667C3.50363 18.3333 2.86774 18.0699 2.3989 17.6011C1.93006 17.1323 1.66667 16.4964 1.66667 15.8333V4.16667C1.66667 3.50363 1.93006 2.86774 2.3989 2.3989C2.86774 1.93006 3.50363 1.66667 4.16667 1.66667H5.83333C6.05435 1.66667 6.26631 1.57887 6.42259 1.42259C6.57887 1.26631 6.66667 1.05435 6.66667 0.833333C6.66667 0.61232 6.57887 0.400358 6.42259 0.244078C6.26631 0.0877974 6.05435 0 5.83333 0L4.16667 0C3.062 0.00132321 2.00296 0.440735 1.22185 1.22185C0.440735 2.00296 0.00132321 3.062 0 4.16667L0 15.8333C0.00132321 16.938 0.440735 17.997 1.22185 18.7782C2.00296 19.5593 3.062 19.9987 4.16667 20H5.83333C6.05435 20 6.26631 19.9122 6.42259 19.7559C6.57887 19.5996 6.66667 19.3877 6.66667 19.1667C6.66667 18.9457 6.57887 18.7337 6.42259 18.5774C6.26631 18.4211 6.05435 18.3333 5.83333 18.3333Z"
                  fill="#D32F2F"
                />
              </g>
              <defs>
                <clipPath id="clip0_1364_15761">
                  <rect width="20" height="20" fill="white" />
                </clipPath>
              </defs>
            </svg>

<p className="w-full text-[var(--base-red)] hover:font-IRANSansBold">
              خروج
            </p>
          </div>
        </div>
      </div>
    );
  }
}

export default DashboardSidebar;