docs: fixes following content redesign (#14912)

* docs: fixes following content redesign

* disable what's new and actions in bloom docs

Author: shahednasser

www/apps/bloom/config/index.ts

@@ -1,6 +1,6 @@
 import { DocsConfig, Sidebar } from "types"
 import { generatedSidebars } from "@/generated/sidebar.mjs"
-import { globalConfig } from "docs-ui"
+import { globalConfig, products } from "docs-ui"
 import { basePathUrl } from "../utils/base-path-url"
 
 const baseUrl = process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000"
@@ -34,4 +34,8 @@ export const config: DocsConfig = {
   features: {
     aiAssistant: false,
   },
+  contentMenuSections: {
+    products: false,
+    whatsNew: false,
+  },
 }

www/packages/docs-ui/src/components/ContentMenu/Actions/index.tsx

@@ -11,7 +11,7 @@ import { ContentMenuSection } from "../Section"
 
 export const ContentMenuActions = () => {
   const {
-    config: { baseUrl, basePath, features },
+    config: { baseUrl, basePath, features, contentMenuSections },
   } = useSiteConfig()
   const pathname = usePathname()
   const { setChatOpened } = useAiAssistant()
@@ -31,7 +31,12 @@ export const ContentMenuActions = () => {
   }
 
   return (
-    <ContentMenuSection title="Shortcuts">
+    <ContentMenuSection
+      title="Shortcuts"
+      hideChildrenDivider={
+        !contentMenuSections?.products && !contentMenuSections?.whatsNew
+      }
+    >
       <div className="flex flex-col gap-docs_0.5 p-docs_1">
         <Link
           className="flex items-center gap-docs_0.5 text-medusa-fg-subtle text-x-small-plus hover:text-medusa-fg-base"

www/packages/docs-ui/src/components/ContentMenu/Products/index.tsx

@@ -35,7 +35,10 @@ export const ContentMenuProducts = () => {
   }
 
   return (
-    <ContentMenuSection title="Modules used">
+    <ContentMenuSection
+      title="Modules used"
+      hideChildrenDivider={!config.contentMenuSections?.whatsNew}
+    >
       <div className="flex flex-col gap-docs_0.5 p-docs_1">
         <span className="text-x-small-plus text-medusa-fg-muted">
           Modules used

www/packages/docs-ui/src/components/ContentMenu/index.tsx

@@ -8,9 +8,11 @@ import { ContentMenuProducts } from "./Products"
 import { useLayout } from "../../providers/Layout"
 import { ShadedBlock } from "../ShadedBlock"
 import { ContentMenuWhatsNew } from "./WhatsNew"
+import { useSiteConfig } from "../../providers/SiteConfig"
 
 export const ContentMenu = () => {
   const { showCollapsedNavbar } = useLayout()
+  const { config } = useSiteConfig()
 
   return (
     <div
@@ -26,8 +28,8 @@ export const ContentMenu = () => {
       <div className="flex flex-col flex-1 overflow-hidden">
         <ContentMenuToc />
         <ContentMenuActions />
-        <ContentMenuProducts />
-        <ContentMenuWhatsNew />
+        {config.contentMenuSections?.products && <ContentMenuProducts />}
+        {config.contentMenuSections?.whatsNew && <ContentMenuWhatsNew />}
         <div className="p-docs_1">
           <ShadedBlock className="!h-docs_2" />
         </div>

www/packages/docs-ui/src/layouts/main-content.tsx

@@ -70,11 +70,11 @@ export const MainContentLayout = ({
             {desktopSidebarOpen ? "Hide sidebar" : "Show sidebar"}
           </span>
           <Kbd>{osShortcut}</Kbd>
-          <Kbd>/</Kbd>
+          <Kbd>\</Kbd>
         </div>
       )}
       className={clsx(
-        "hidden lg:block absolute h-[20px] w-[3px] top-1/2 -translate-y-1/2 z-10",
+        "hidden lg:block absolute h-[20px] w-[3px] top-1/2 -translate-y-1/2 z-20",
         className
       )}
       innerClassName="w-full h-full inline-block"
@@ -133,7 +133,9 @@ export const MainContentLayout = ({
         {/* Sidebar + content menu collapser */}
         {showContentMenu && (
           <>
-            {sidebarCollapser("right-[225px]")}
+            {sidebarCollapser(
+              desktopSidebarOpen ? "right-[225px]" : "right-docs_0.25"
+            )}
             {desktopSidebarOpen && <ContentMenu />}
           </>
         )}

www/packages/docs-ui/src/providers/SiteConfig/index.tsx

@@ -48,6 +48,10 @@ export const SiteConfigProvider = ({
         features: {
           aiAssistant: true,
         },
+        contentMenuSections: {
+          products: true,
+          whatsNew: true,
+        },
       },
       globalConfig,
       initConfig || {}

www/packages/types/src/config.ts

@@ -35,4 +35,5 @@ export declare type DocsConfig = {
   features?: {
     aiAssistant?: boolean
   }
+  contentMenuSections?: Record<string, boolean>
 }