DOP-6267: Fix duplication error (#1558)

Author: biancalaube

netlify.toml

@@ -7,7 +7,7 @@ command = ". ./build.sh $REPO_NAME $PARSER_VERSION"
 
 [build.environment]
 ORG_NAME = "10gen"
-REPO_NAME = "cloud-docs"
+REPO_NAME = "docs-csharp"
 BRANCH_NAME = "main"
-SITE_NAME = "atlas"
+SITE_NAME = "csharp"
 PARSER_VERSION = "v0.20.11"

src/components/UnifiedSidenav/AccordionNav.tsx

@@ -7,6 +7,7 @@ import { theme } from '../../theme/docsTheme';
 import useScreenSize from '../../hooks/useScreenSize';
 import DocsHomeButton from '../Sidenav/DocsHomeButton';
 import { DownloadButton } from '../OfflineDownloadModal';
+import { tocItemKey } from '../../utils/create-toc-key';
 import { NavTopContainer, downloadButtonStlying, ArtificialPadding } from './UnifiedSidenav';
 import { UnifiedTocNavItem } from './UnifiedTocNavItems';
 import { TocItem } from './types';
@@ -119,7 +120,7 @@ export const AccordionNavPanel = ({
                 <UnifiedTocNavItem
                   {...navItem}
                   level={1}
-                  key={navItem.newUrl + navItem.label}
+                  key={tocItemKey(navItem)}
                   group={true}
                   isStatic={false}
                   slug={slug}
@@ -137,7 +138,7 @@ export const AccordionNavPanel = ({
                 <UnifiedTocNavItem
                   {...navItems}
                   level={1}
-                  key={navItems.newUrl + navItems.label}
+                  key={tocItemKey(navItems)}
                   group={true}
                   isStatic={true}
                   slug={slug}

src/components/UnifiedSidenav/DoublePannedNav.tsx

@@ -6,6 +6,7 @@ import { theme } from '../../theme/docsTheme';
 import useScreenSize from '../../hooks/useScreenSize';
 import DocsHomeButton from '../Sidenav/DocsHomeButton';
 import { DownloadButton } from '../OfflineDownloadModal';
+import { tocItemKey } from '../../utils/create-toc-key';
 import { NavTopContainer, downloadButtonStlying, ArtificialPadding } from './UnifiedSidenav';
 import { StaticNavItem, UnifiedTocNavItem } from './UnifiedTocNavItems';
 import { UnifiedVersionDropdown } from './UnifiedVersionDropdown';
@@ -116,7 +117,7 @@ export const DoublePannedNav = ({
           ))}
         </div>
         {currentL1?.versionDropdown && <UnifiedVersionDropdown contentSite={currentL1?.contentSite} />}
-        {currentL2s?.items?.length > 0 && (
+        {currentL2s?.items?.length !== undefined && (
           <div className={cx(rightPane)} data-nav-pane="right">
             {showDriverBackBtn && (
               <BackLink
@@ -127,11 +128,11 @@ export const DoublePannedNav = ({
                 Back to {currentL1?.label}
               </BackLink>
             )}
-            {currentL2s.items?.map((navItems) => (
+            {currentL2s?.items?.map((navItems) => (
               <UnifiedTocNavItem
                 {...navItems}
                 level={1}
-                key={navItems.newUrl + navItems.label}
+                key={tocItemKey(navItems)}
                 slug={slug}
                 isAccordion={false}
                 setCurrentL1={setCurrentL1}

src/components/UnifiedSidenav/UnifiedTocNavItems.tsx

@@ -10,6 +10,7 @@ import { isCurrentPage } from '../../utils/is-current-page';
 import { theme } from '../../theme/docsTheme';
 import { isUnifiedTOCInDevMode } from '../../utils/is-unified-toc-dev';
 import { VersionContext } from '../../context/version-context';
+import { tocItemKey } from '../../utils/create-toc-key';
 import { l1ItemStyling, groupHeaderStyling, l2ItemStyling } from './styles/SideNavItem';
 import { UnifiedVersionDropdown } from './UnifiedVersionDropdown';
 import { TocItem } from './types';
@@ -113,7 +114,7 @@ export const UnifiedTocNavItem = ({
               <UnifiedTocNavItem
                 {...tocItem}
                 level={level}
-                key={tocItem.newUrl + tocItem.label}
+                key={tocItemKey(tocItem)}
                 slug={slug}
                 isStatic={false}
                 isAccordion={isAccordion}
@@ -134,7 +135,7 @@ export const UnifiedTocNavItem = ({
           <UnifiedTocNavItem
             {...tocItem}
             level={level}
-            key={tocItem.newUrl + tocItem.label}
+            key={tocItemKey(tocItem)}
             slug={slug}
             isStatic={false}
             isAccordion={isAccordion}
@@ -157,7 +158,7 @@ export const UnifiedTocNavItem = ({
             <UnifiedTocNavItem
               {...tocItem}
               level={level}
-              key={tocItem.newUrl + tocItem.label}
+              key={tocItemKey(tocItem)}
               slug={slug}
               isAccordion={isAccordion}
               setCurrentL2s={setCurrentL2s}
@@ -308,7 +309,7 @@ export const CollapsibleNavItem = ({
           <UnifiedTocNavItem
             {...item}
             level={level + 1}
-            key={item.newUrl + item.label}
+            key={tocItemKey(item)}
             slug={slug}
             setShowDriverBackBtn={setShowDriverBackBtn}
             setCurrentL2s={setCurrentL2s}

src/components/Widgets/MarkdownWidget/index.tsx

@@ -45,7 +45,8 @@ const CopyPageMarkdownButton = ({ className, slug }: CopyPageMarkdownButtonProps
   // https://www.mongodb.com/docs/mcp-server/get-started.md
   const markdownPath = href?.split('?')[0];
   const urlWithoutTrailingSlash = removeTrailingSlash(markdownPath);
-  const markdownAddress = `${urlWithoutTrailingSlash}.md`;
+  const markdownAddress =
+    slug === '/' && urlWithoutTrailingSlash?.includes('localhost:8000') ? null : `${urlWithoutTrailingSlash}.md`;
   const { setChatbotClicked, setText } = useChatbotModal();
 
   useEffect(() => {
@@ -56,6 +57,7 @@ const CopyPageMarkdownButton = ({ className, slug }: CopyPageMarkdownButtonProps
 
     // prefetch the markdown
     const fetchMarkDown = async () => {
+      if (!markdownAddress) return;
       const response = await fetch(markdownAddress, { signal });
       if (response?.ok) {
         const text = await response.text();
@@ -94,6 +96,7 @@ const CopyPageMarkdownButton = ({ className, slug }: CopyPageMarkdownButtonProps
   };
 
   const viewMarkdown = () => {
+    if (!markdownAddress) return;
     window.location.href = markdownAddress;
   };
 

src/utils/create-toc-key.ts

@@ -0,0 +1,10 @@
+import { TocItem } from '../components/UnifiedSidenav/types';
+
+// Ensures a unique key is created for each toc item
+export const tocItemKey = (tocItem: TocItem): string => {
+  return (
+    tocItem.newUrl +
+    tocItem.label +
+    `${tocItem.versions ? (tocItem.versions.includes ? 'include list' : 'exclude list') : ''}`
+  );
+};