From a080960ff9f89583e6d619f6ace4d5a711965564 Mon Sep 17 00:00:00 2001
From: Juri <juri.strumpflohner@gmail.com>
Date: Thu, 26 Oct 2023 22:06:35 +0200
Subject: [PATCH] fix(nx-dev): mobile menu, adding ai chat and changelog

---
 nx-dev/nx-dev/pages/ai-chat/index.tsx |  7 ++++++-
 nx-dev/ui-common/src/lib/sidebar.tsx  | 21 +++++++++++++++++----
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/nx-dev/nx-dev/pages/ai-chat/index.tsx b/nx-dev/nx-dev/pages/ai-chat/index.tsx
index 9d4bbecfc65d3..5dfb5b01bcfb2 100644
--- a/nx-dev/nx-dev/pages/ai-chat/index.tsx
+++ b/nx-dev/nx-dev/pages/ai-chat/index.tsx
@@ -1,11 +1,12 @@
 import { FeedContainer } from '@nx/nx-dev/feature-ai';
-import { DocumentationHeader } from '@nx/nx-dev/ui-common';
+import { DocumentationHeader, SidebarContainer } from '@nx/nx-dev/ui-common';
 import { NextSeo } from 'next-seo';
 import { useNavToggle } from '../../lib/navigation-toggle.effect';
 import { cx } from '@nx/nx-dev/ui-primitives';
 
 export default function AiDocs(): JSX.Element {
   const { toggleNav, navIsOpen } = useNavToggle();
+
   return (
     <>
       <NextSeo
@@ -38,6 +39,10 @@ export default function AiDocs(): JSX.Element {
           role="main"
           className="flex h-full flex-1 overflow-y-hidden"
         >
+          <div className="hidden">
+            <SidebarContainer menu={{ sections: [] }} navIsOpen={navIsOpen} />
+          </div>
+
           <FeedContainer />
         </main>
       </div>
diff --git a/nx-dev/ui-common/src/lib/sidebar.tsx b/nx-dev/ui-common/src/lib/sidebar.tsx
index 0acf368d4099b..5806a4a01e27f 100644
--- a/nx-dev/ui-common/src/lib/sidebar.tsx
+++ b/nx-dev/ui-common/src/lib/sidebar.tsx
@@ -180,7 +180,10 @@ export function SidebarMobile({
   const isNxCloud: boolean = router.asPath.startsWith('/nx-cloud');
   const isAPI: boolean = router.asPath.startsWith('/nx-api');
   const isPlugins: boolean = router.asPath.startsWith('/extending-nx');
-  const isNx: boolean = !isNxCloud && !isAPI && !isPlugins;
+  const isChangelog: boolean = router.asPath.startsWith('/changelog');
+  const isAiChat: boolean = router.asPath.startsWith('/ai-chat');
+  const isNx: boolean =
+    !isNxCloud && !isAPI && !isPlugins && !isChangelog && !isAiChat;
 
   const sections = [
     { name: 'Home', href: '/', current: false },
@@ -190,15 +193,25 @@ export function SidebarMobile({
       href: '/nx-cloud/intro/ci-with-nx',
       current: isNxCloud,
     },
+    {
+      name: 'Extending Nx',
+      href: '/extending-nx/intro/getting-started',
+      current: isPlugins,
+    },
     {
       name: 'API',
       href: '/nx-api',
       current: isAPI,
     },
     {
-      name: 'Extending Nx',
-      href: '/extending-nx/intro/getting-started',
-      current: isPlugins,
+      name: 'Changelog',
+      href: '/changelog',
+      current: isChangelog,
+    },
+    {
+      name: 'AI Chat (beta)',
+      href: '/ai-chat',
+      current: isAiChat,
     },
   ];
   return (