From 8a70a944e62588cd0aa37ece20b75b80d12f2e73 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Thu, 3 Apr 2025 17:58:08 +0100
Subject: [PATCH] Add sql course in burger menu

---
 src/components/NavigationDropdown.tsx | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/NavigationDropdown.tsx b/src/components/NavigationDropdown.tsx
index 4bcec1cb7..ed47ca69a 100644
--- a/src/components/NavigationDropdown.tsx
+++ b/src/components/NavigationDropdown.tsx
@@ -6,9 +6,9 @@ import {
   Menu,
   Shirt,
   Video,
-  Map,
+  Database,
 } from 'lucide-react';
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef } from 'react';
 import { cn } from '../lib/classname.ts';
 import { useOutsideClick } from '../hooks/use-outside-click.ts';
 import {
@@ -19,11 +19,12 @@ import { useStore } from '@nanostores/react';
 
 const links = [
   {
-    link: '/roadmaps',
-    label: 'Official Roadmaps',
-    description: 'Made by subject matter experts',
-    Icon: Map,
-    isHighlighted: true,
+    link: '/courses/sql',
+    label: 'SQL Course',
+    description: 'Our premium SQL course',
+    Icon: Database,
+    isHighlighted: false,
+    isNew: true,
   },
   {
     link: '/projects',
@@ -137,7 +138,7 @@ export function NavigationDropdown() {
             </span>
             <span className="flex flex-col">
               <span className="font-medium text-slate-300 transition-colors group-hover:text-slate-100">
-                {link.label}
+                {link.label} {link.isNew && <span className="text-[10px] font-bold text-black py-0.5 uppercase tracking-wider bg-yellow-400 rounded-full px-1.5 relative -top-0.5">New</span>}
               </span>
               <span className="text-sm">{link.description}</span>
             </span>