fixup!

Author: avivkeller

packages/react/src/html/ui/components/Layout/index.jsx

@@ -21,7 +21,9 @@ import SideBar from '#theme/Sidebar';
  * @param {{ metadata: import('../../types').SerializedMetadata, headings: Array, readingTime: string, children: import('preact').ComponentChildren }} props
  */
 export default ({ metadata, headings, readingTime, children }) => {
-  const crossLinkItems = navigation.sidebar.flatMap(({ items }) => items);
+  const crossLinkItems = navigation.showCrossLinks
+    ? (navigation.sidebar?.flatMap(({ items }) => items) ?? [])
+    : [];
 
   const currentItem = crossLinkItems.findIndex(
     ({ link }) => link === metadata.path
@@ -43,25 +45,27 @@ export default ({ metadata, headings, readingTime, children }) => {
             <TableOfContents headings={headings} summaryTitle="On this page" />
             <br />
             <main>{children}</main>
-            <div className={styles.crossLinks}>
-              {(previousCrossLink && (
-                <CrossLink
-                  type="previous"
-                  label="Previous"
-                  text={previousCrossLink.label}
-                  link={previousCrossLink.link}
-                />
-              )) || <div />}
+            {(previousCrossLink || nextCrossLink) && (
+              <div className={styles.crossLinks}>
+                {(previousCrossLink && (
+                  <CrossLink
+                    type="previous"
+                    label="Previous"
+                    text={previousCrossLink.label}
+                    link={previousCrossLink.link}
+                  />
+                )) || <div />}
 
-              {nextCrossLink && (
-                <CrossLink
-                  type="next"
-                  label="Next"
-                  text={nextCrossLink.label}
-                  link={nextCrossLink.link}
-                />
-              )}
-            </div>
+                {nextCrossLink && (
+                  <CrossLink
+                    type="next"
+                    label="Next"
+                    text={nextCrossLink.label}
+                    link={nextCrossLink.link}
+                  />
+                )}
+              </div>
+            )}
           </div>
           <MetaBar
             metadata={metadata}

www/doc-kit.config.mjs

@@ -76,7 +76,7 @@ export default {
     pathsToCopy: [{ [join(ROOT, 'content')]: '.' }],
 
     navigation: {
-      withCrossLinks: true,
+      showCrossLinks: true,
       sidebar: [
         {
           groupName: 'Start',