From 578b766bc32cef143190440c5886e015911bd152 Mon Sep 17 00:00:00 2001
From: Joshua Croft <32483134+devjsc@users.noreply.github.com>
Date: Thu, 15 Aug 2024 14:33:17 +0100
Subject: [PATCH] fix(docs): updating TOC to have a larger container and not
 format the title (#868)

Co-authored-by: Joshua Croft <joshuacroft@Joshuas-MacBook-Pro.local>
Co-authored-by: gautamgambhir97 <gautam.gambhir@fetch.ai>
---
 styles/globals.css                     | 2 +-
 theme/fetch-ai-docs/components/toc.tsx | 2 +-
 theme/fetch-ai-docs/constants.tsx      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/styles/globals.css b/styles/globals.css
index f2cd7537f..c0d0b8a68 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -4726,7 +4726,7 @@ div:hover > .\[div\:hover\>\&\]\:nx-opacity-100 {
   gap: 10px;
   flex-shrink: 0;
   width: 100%;
-  max-width: 14.5rem;
+  max-width: 18rem;
 }
 
 .nextra-toc-title {
diff --git a/theme/fetch-ai-docs/components/toc.tsx b/theme/fetch-ai-docs/components/toc.tsx
index 7da08dc3f..11bf6366d 100644
--- a/theme/fetch-ai-docs/components/toc.tsx
+++ b/theme/fetch-ai-docs/components/toc.tsx
@@ -71,7 +71,7 @@ export function TOC({ headings, filePath }: TOCProps): ReactElement {
     >
       {hasHeadings && (
         <>
-          <p className="first-title">{renderComponent(config.toc.title)}</p>
+          <p className="first-title">{config.toc.title}</p>
           <ul>
             {items.map(({ id, value, depth }) => (
               <li className="nx-my-2 nx-scroll-my-6 nx-scroll-py-6" key={id}>
diff --git a/theme/fetch-ai-docs/constants.tsx b/theme/fetch-ai-docs/constants.tsx
index 726fe8f85..3a51b804f 100644
--- a/theme/fetch-ai-docs/constants.tsx
+++ b/theme/fetch-ai-docs/constants.tsx
@@ -150,7 +150,7 @@ export const themeSchema = z.strictObject({
     headingComponent: z
       .custom<FC<{ id: string; children: string }>>(...fc)
       .optional(),
-    title: z.custom<ReactNode | FC>(...reactNode),
+    title: z.string(),
   }),
   useNextSeoProps: z.custom<() => NextSeoProps | void>(isFunction),
 });