update

src/components/NavigationDropdown.tsx

@@ -71,33 +71,34 @@ export function NavigationDropdown() {
       >
         <Menu className="h-5 w-5" />
       </button>
-      {isOpen && (
+      <div
-        <div
+        className={cn(
-          className={cn(
+          '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',
-            'pointer-events-auto absolute left-0 top-full z-[999] mt-2 w-48 min-w-[320px] translate-y-2.5 rounded-lg bg-slate-800 py-2 opacity-100 shadow-xl transition-all duration-100',
+          {
-          )}
+            'pointer-events-auto translate-y-2.5 opacity-100': isOpen,
-        >
+          },
-          {links.map((link) => (
+        )}
-            <a
+      >
-              href={link.link}
+        {links.map((link) => (
-              target={link.isExternal ? '_blank' : undefined}
+          <a
-              rel={link.isExternal ? 'noopener noreferrer' : undefined}
+            href={link.link}
-              key={link.link}
+            target={link.isExternal ? '_blank' : undefined}
-              className="group flex items-center gap-3 px-4 py-2.5 text-gray-400 transition-colors hover:bg-slate-700"
+            rel={link.isExternal ? 'noopener noreferrer' : undefined}
-            >
+            key={link.link}
-              <span className="flex h-[40px] w-[40px] items-center justify-center rounded-full bg-slate-600 transition-colors group-hover:bg-slate-500 group-hover:text-slate-100">
+            className="group flex items-center gap-3 px-4 py-2.5 text-gray-400 transition-colors hover:bg-slate-700"
-                <link.Icon className="inline-block h-5 w-5" />
+          >
-              </span>
+            <span className="flex h-[40px] w-[40px] items-center justify-center rounded-full bg-slate-600 transition-colors group-hover:bg-slate-500 group-hover:text-slate-100">
-              <span className="flex flex-col">
+              <link.Icon className="inline-block h-5 w-5" />
-                <span className="font-medium text-slate-300 transition-colors group-hover:text-slate-100">
+            </span>
-                  {link.label}
+            <span className="flex flex-col">
-                </span>
+              <span className="font-medium text-slate-300 transition-colors group-hover:text-slate-100">
-                <span className="text-sm">{link.description}</span>
+                {link.label}
               </span>
-            </a>
+              <span className="text-sm">{link.description}</span>
-          ))}
+            </span>
-        </div>
+          </a>
-      )}
+        ))}
+      </div>
     </div>
   );
 }

src/data/roadmaps/aspnet-core/content/104-orm/100-entity-framework-core/103-lazy-eager-explicit-loading.md

@@ -2,7 +2,7 @@
 
 ## Eager Loading
 
-Eager Loading helps you to load all your needed entities at once; i.e., all your child entities will be loaded at single database call. This can be achieved, using the Include method, which returns the related entities as a part of the query and a large amount of data is loaded at once.
+Eager Loading helps you to load all your needed entities at once; i.e., all your child entities will be loaded at single database call. This can be achieved, using the Include method, which returs the related entities as a part of the query and a large amount of data is loaded at once.
 
 ## Lazy Loading
 

src/data/roadmaps/docker/docker.json

@@ -4186,7 +4186,7 @@
                   "x": "23",
                   "y": "52",
                   "properties": {
-                    "controlName": "ext_link:roadmap.sh/devops"
+                    "controlName": "ext_link:roadmap.sh/best-practices"
                   },
                   "children": {
                     "controls": {
@@ -4468,4 +4468,4 @@
   },
   "dependencies": [],
   "projectID": "file:///Users/kamrify/Desktop/New%20Roadmaps/New%20Project%201.bmpr"
-}
+}