From 16eeba76fd6d86785e51e240e5b2607d44d9361a Mon Sep 17 00:00:00 2001
From: Tiago Ribeiro <tiago.ribeiro@ecrop.dev>
Date: Wed, 31 Jan 2024 11:45:23 +0000
Subject: [PATCH] Added the tickets link to the mobile menu

---
 src/components/MobileMenu.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/MobileMenu.tsx b/src/components/MobileMenu.tsx
index c6dcd9a5..cad02960 100644
--- a/src/components/MobileMenu.tsx
+++ b/src/components/MobileMenu.tsx
@@ -6,7 +6,7 @@ import Image from "next/image";
 import Link from "next/link";
 import { useRouter } from "next/router";
 import { Fragment } from "react";
-import { BsShield, BsShieldFill, BsXLg } from "react-icons/bs";
+import { BsXLg } from "react-icons/bs";
 
 interface Props {
   isOpen: boolean;
@@ -159,6 +159,18 @@ export default function MobileMenu({ isOpen, onClose, path, user }: Props) {
                       Settings
                     </Link>
                   )}
+                  {["admin", "developer", "agent"].includes(user.type) && (
+                    <Link
+                      href="/tickets"
+                      className={clsx(
+                        "w-fit transition duration-300 ease-in-out",
+                        path === "/tickets" &&
+                          "text-mti-purple-light border-b-mti-purple-light border-b-2 font-semibold ",
+                      )}
+                    >
+                      Tickets
+                    </Link>
+                  )}
                   <Link
                     href="/profile"
                     className={clsx(