fix(docs): updating TOC to have a larger container and not format the…

… title (#868) Co-authored-by: Joshua Croft <[email protected]> Co-authored-by: gautamgambhir97 <[email protected]>
fetchai · Aug 15, 2024 · 578b766 · 578b766
1 parent 8e50782
commit 578b766
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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),
 });