put desktop toc back in layout

aws-amplify · Aug 9, 2024 · a4ed463 · a4ed463
1 parent 96ab617
commit a4ed463
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/components/Layout/Layout.tsx b/src/components/Layout/Layout.tsx
@@ -24,7 +24,10 @@ import {
 import { SpaceShip } from '@/components/SpaceShip';
 import { LEFT_NAV_LINKS, RIGHT_NAV_LINKS } from '@/utils/globalnav';
 import { LayoutProvider, LayoutHeader } from '@/components/Layout';
-import type { HeadingInterface } from '@/components/TableOfContents/TableOfContents';
+import {
+  TableOfContents,
+  type HeadingInterface
+} from '@/components/TableOfContents/TableOfContents';
 import { Breadcrumbs } from '@/components/Breadcrumbs';
 import { debounce } from '@/utils/debounce';
 import '@docsearch/css';
@@ -271,6 +274,7 @@ export const Layout = ({
                   {children}
                   {showNextPrev && <NextPrevious />}
                 </Flex>
+                {showTOC ? <TableOfContents headers={tocHeadings} /> : null}
               </View>
               <Footer hasTOC={showTOC} />
             </View>

diff --git a/src/components/Layout/LayoutHeader.tsx b/src/components/Layout/LayoutHeader.tsx
@@ -176,8 +176,7 @@ export const LayoutHeader = ({
             )}
           </div>
         </View>
-        {showTOC ? <TableOfContents headers={tocHeadings} /> : null}
-        <div className=""></div>
+        {showTOC ? <div className=""></div> : null}
       </View>
 
       {showTOC ? (