From 0de6ed6028c9bab8cf8546da67f75f5d3f18e630 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Sun, 11 Feb 2024 09:58:14 +0000
Subject: [PATCH] Add videos and guides links to nav

---
 src/components/NavigationDropdown.tsx | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/NavigationDropdown.tsx b/src/components/NavigationDropdown.tsx
index e4fd166db..0e361f1da 100644
--- a/src/components/NavigationDropdown.tsx
+++ b/src/components/NavigationDropdown.tsx
@@ -1,8 +1,11 @@
 import {
+  BookOpen,
+  BookOpenText,
   CheckSquare,
   FileQuestion,
   Menu,
   Shirt,
+  Video,
   Waypoints,
 } from 'lucide-react';
 import { useRef, useState } from 'react';
@@ -28,6 +31,19 @@ const links = [
     description: 'Test and Practice your knowledge',
     Icon: FileQuestion,
   },
+  {
+    link: '/guides',
+    label: 'Guides',
+    description: 'In-depth articles and tutorials',
+    Icon: BookOpenText,
+  },
+  {
+    link: 'https://youtube.com/@roadmapsh',
+    label: 'Videos',
+    description: 'Animated and interactive content',
+    Icon: Video,
+    isExternal: true,
+  },
   {
     link: 'https://cottonbureau.com/people/roadmapsh',
     label: 'Shop',
@@ -58,9 +74,9 @@ export function NavigationDropdown() {
       </button>
       <div
         className={cn(
-          'absolute left-0 top-full z-[999] mt-2 w-48 min-w-[320px] -translate-y-1 rounded-lg bg-slate-800 py-2 opacity-0 shadow-xl transition-all duration-100',
+          'absolute pointer-events-none left-0 top-full z-[999] mt-2 w-48 min-w-[320px] -translate-y-1 rounded-lg bg-slate-800 py-2 opacity-0 shadow-xl transition-all duration-100',
           {
-            'translate-y-2.5 opacity-100': isOpen,
+            'pointer-events-auto translate-y-2.5 opacity-100': isOpen,
           },
         )}
       >