Mobile Menu Done

src/components/nav/Nav.js

@@ -71,26 +71,59 @@ useEffect(() => {
       link: '/services',
     },
     {
-      title: 'آزمون ها',
+      title: 'پشتیبانی',
-      icon: <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      icon:   <svg
-        <path d="M12.37 8.87988H17.62" stroke="" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+      id="vuesax_linear_sms"
-        <path d="M6.38 8.87988L7.13 9.62988L9.38 7.37988" stroke="" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+      data-name="vuesax/linear/sms"
-        <path d="M12.37 15.8799H17.62" stroke="" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+      xmlns="http://www.w3.org/2000/svg"
-        <path d="M6.38 15.8799L7.13 16.6299L9.38 14.3799" stroke="" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+      width="24"
-        <path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+      height="24"
-      </svg>
+      viewBox="0 0 46.091 46.091"
-      ,
+      
-      link: '/exams',
+    >
-    },
+      <g id="sms">
-    {
+        <path
-      title: 'حساب کاربری',
+          id="Vector"
-      icon: <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+          d="M28.807,32.648H9.6c-5.761,0-9.6-2.881-9.6-9.6V9.6C0,2.881,3.841,0,9.6,0h19.2c5.761,0,9.6,2.881,9.6,9.6V23.046C38.409,29.767,34.568,32.648,28.807,32.648Z"
-        <path d="M12.1601 10.87C12.0601 10.86 11.9401 10.86 11.8301 10.87C9.45006 10.79 7.56006 8.84 7.56006 6.44C7.56006 3.99 9.54006 2 12.0001 2C14.4501 2 16.4401 3.99 16.4401 6.44C16.4301 8.84 14.5401 10.79 12.1601 10.87Z" stroke="" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+          transform="translate(3.841 6.722)"
-        <path d="M7.15997 14.56C4.73997 16.18 4.73997 18.82 7.15997 20.43C9.90997 22.27 14.42 22.27 17.17 20.43C19.59 18.81 19.59 16.17 17.17 14.56C14.43 12.73 9.91997 12.73 7.15997 14.56Z" stroke="" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+          fill="none"
+          stroke=""
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="3"
+        />
+        <path
+          id="Vector-2"
+          data-name="Vector"
+          d="M19.2,0,13.194,4.8a6.08,6.08,0,0,1-7.2,0L0,0"
+          transform="translate(13.443 17.284)"
+          fill="none"
+          stroke=""
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="3"
+        />
+        <path
+          id="Vector-3"
+          data-name="Vector"
+          d="M0,0H46.091V46.091H0Z"
+          fill="none"
+          opacity="0"
+        />
+      </g>
     </svg>
       ,
-      link: '/dashboard',
+      link: '/messages',
     },
+    // {
+    //   title: 'حساب کاربری',
+    //   icon: <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    //     <path d="M12.1601 10.87C12.0601 10.86 11.9401 10.86 11.8301 10.87C9.45006 10.79 7.56006 8.84 7.56006 6.44C7.56006 3.99 9.54006 2 12.0001 2C14.4501 2 16.4401 3.99 16.4401 6.44C16.4301 8.84 14.5401 10.79 12.1601 10.87Z" stroke="" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    //     <path d="M7.15997 14.56C4.73997 16.18 4.73997 18.82 7.15997 20.43C9.90997 22.27 14.42 22.27 17.17 20.43C19.59 18.81 19.59 16.17 17.17 14.56C14.43 12.73 9.91997 12.73 7.15997 14.56Z" stroke="" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    //   </svg>
+    //   ,
+    //   link: '/dashboard',
+    // },
   ];
 
   const [navId, setNavId] = useState(initai_navId);