From 7b147aa6517c40c892b6058da32d3a96f76f1a43 Mon Sep 17 00:00:00 2001
From: Shahed Nasser <shahednasser@gmail.com>
Date: Tue, 22 Oct 2024 18:08:45 +0300
Subject: [PATCH] docs: update nav items (#9709)

---
 .../components/MainNav/DesktopMenu/index.tsx  |  9 +-
 .../docs-ui/src/components/MainNav/index.tsx  | 13 ++-
 www/packages/docs-ui/src/constants.tsx        | 84 +++++++++++++++++--
 3 files changed, 96 insertions(+), 10 deletions(-)

diff --git a/www/packages/docs-ui/src/components/MainNav/DesktopMenu/index.tsx b/www/packages/docs-ui/src/components/MainNav/DesktopMenu/index.tsx
index d512b017cee9a..a69b2a4792365 100644
--- a/www/packages/docs-ui/src/components/MainNav/DesktopMenu/index.tsx
+++ b/www/packages/docs-ui/src/components/MainNav/DesktopMenu/index.tsx
@@ -8,6 +8,7 @@ import {
 } from "@medusajs/icons"
 import React, { useMemo, useRef, useState } from "react"
 import {
+  BookIcon,
   Button,
   getOsShortcut,
   Menu,
@@ -35,7 +36,13 @@ export const MainNavDesktopMenu = () => {
         type: "link",
         icon: <HouseIcon />,
         title: "Homepage",
-        link: "https://docs.medusajs.com/v2",
+        link: "https://medusajs.com",
+      },
+      {
+        type: "link",
+        icon: <BookIcon />,
+        title: "Medusa v1",
+        link: "https://docs.medusajs.com",
       },
       {
         type: "link",
diff --git a/www/packages/docs-ui/src/components/MainNav/index.tsx b/www/packages/docs-ui/src/components/MainNav/index.tsx
index 2ce7c9f823b28..b4f981c002666 100644
--- a/www/packages/docs-ui/src/components/MainNav/index.tsx
+++ b/www/packages/docs-ui/src/components/MainNav/index.tsx
@@ -9,6 +9,7 @@ import {
   SearchModalOpener,
   useMainNav,
   useSidebar,
+  useSiteConfig,
 } from "../.."
 import { MainNavEditDate } from "./EditDate"
 import { MainNavItems } from "./Items"
@@ -16,6 +17,7 @@ import { MedusaIcon } from "../Icons/MedusaLogo"
 import { MainNavDesktopMenu } from "./DesktopMenu"
 import { SidebarLeftIcon } from "../Icons/SidebarLeft"
 import { MainNavMobileMenu } from "./MobileMenu"
+import Link from "next/link"
 
 type MainNavProps = {
   className?: string
@@ -25,6 +27,7 @@ type MainNavProps = {
 export const MainNav = ({ className, itemsClassName }: MainNavProps) => {
   const { reportIssueLink, editDate } = useMainNav()
   const { setMobileSidebarOpen, isSidebarShown } = useSidebar()
+  const { config } = useSiteConfig()
 
   return (
     <div
@@ -46,10 +49,12 @@ export const MainNav = ({ className, itemsClassName }: MainNavProps) => {
               <SidebarLeftIcon />
             </Button>
           )}
-          <BorderedIcon
-            IconComponent={MedusaIcon}
-            iconWrapperClassName="my-[14px]"
-          />
+          <Link href={`${config.baseUrl}/v2`}>
+            <BorderedIcon
+              IconComponent={MedusaIcon}
+              iconWrapperClassName="my-[14px]"
+            />
+          </Link>
         </div>
         <MainNavItems className={itemsClassName} />
       </div>
diff --git a/www/packages/docs-ui/src/constants.tsx b/www/packages/docs-ui/src/constants.tsx
index 2e4eefb448ef2..1a0ade1e7668a 100644
--- a/www/packages/docs-ui/src/constants.tsx
+++ b/www/packages/docs-ui/src/constants.tsx
@@ -50,11 +50,6 @@ export const navDropdownItems: NavigationItem[] = [
       {
         type: "divider",
       },
-      {
-        type: "link",
-        title: "UI Library",
-        link: "/ui",
-      },
       {
         type: "link",
         title: "Admin Components",
@@ -65,6 +60,11 @@ export const navDropdownItems: NavigationItem[] = [
         title: "Storefront Development",
         link: "/v2/resources/storefront-development",
       },
+      {
+        type: "link",
+        title: "UI Library",
+        link: "/ui",
+      },
     ],
   },
   {
@@ -96,6 +96,65 @@ export const navDropdownItems: NavigationItem[] = [
       },
     ],
   },
+  {
+    type: "dropdown",
+    title: "Framework",
+    children: [
+      {
+        type: "link",
+        title: "API Routes",
+        link: "/v2/learn/basics/api-routes",
+      },
+      {
+        type: "link",
+        title: "Modules",
+        link: "/v2/learn/basics/modules",
+      },
+      {
+        type: "link",
+        title: "Subscribers",
+        link: "/v2/learn/basics/events-and-subscribers",
+      },
+      {
+        type: "link",
+        title: "Scheduled Jobs",
+        link: "/v2/learn/basics/scheduled-jobs",
+      },
+      {
+        type: "link",
+        title: "Loaders",
+        link: "/v2/learn/basics/loaders",
+      },
+      {
+        type: "link",
+        title: "Admin Customizations",
+        link: "/v2/learn/basics/admin-customizations",
+      },
+      {
+        type: "divider",
+      },
+      {
+        type: "link",
+        title: "Links",
+        link: "/v2/learn/advanced-development/module-links",
+      },
+      {
+        type: "link",
+        title: "Query",
+        link: "/v2/learn/advanced-development/module-links/query",
+      },
+      {
+        type: "link",
+        title: "Data Models",
+        link: "/v2/learn/advanced-development/data-models",
+      },
+      {
+        type: "link",
+        title: "Workflows",
+        link: "/v2/learn/basics/workflows",
+      },
+    ],
+  },
   {
     type: "dropdown",
     title: "Reference",
@@ -123,6 +182,21 @@ export const navDropdownItems: NavigationItem[] = [
         title: "Data Model API",
         link: "/v2/resources/references/data-model",
       },
+      {
+        type: "link",
+        title: "Service Factory",
+        link: "/v2/resources/service-factory-reference",
+      },
+      {
+        type: "link",
+        title: "Events Reference",
+        link: "/v2/resources/events-reference",
+      },
+      {
+        type: "link",
+        title: "Admin Widget Injection Zones",
+        link: "/v2/resources/admin-widget-injection-zones",
+      },
     ],
   },
 ]