replace main.extraContent theme option with main option (#886)

shuding · Oct 20, 2022 · 2533a6c · 2533a6c
1 parent c28a7f2
commit 2533a6c
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 7 deletions.
diff --git a/.changeset/nasty-apples-breathe.md b/.changeset/nasty-apples-breathe.md
@@ -0,0 +1,5 @@
+---
+'nextra-theme-docs': patch
+---
+
+replace `main.extraContent` theme option with `main` option
diff --git a/packages/nextra-theme-docs/src/constants.tsx b/packages/nextra-theme-docs/src/constants.tsx
@@ -83,7 +83,6 @@ export const DEFAULT_THEME: DocsThemeConfig = {
     </>
   ),
   logoLink: true,
-  main: {},
   navbar: Navbar,
   navigation: {
     next: true,
@@ -161,7 +160,7 @@ export const DEEP_OBJECT_KEYS = Object.entries(DEFAULT_THEME)
 
 export const LEGACY_CONFIG_OPTIONS: Record<string, string> = {
   bannerKey: 'banner.key',
-  bodyExtraContent: 'main.extraContent',
+  bodyExtraContent: 'main',
   customSearch: 'search.component',
   defaultMenuCollapsed: 'sidebar.defaultMenuCollapsed',
   feedbackLabels: 'feedback.labels',

diff --git a/packages/nextra-theme-docs/src/index.tsx b/packages/nextra-theme-docs/src/index.tsx
@@ -97,15 +97,16 @@ const Body = ({
     <div className="mt-16" />
   )
 
-  const body = (
+  const content = (
     <>
       {children}
       {gitTimestampEl}
       {navigation}
-      {renderComponent(config.main.extraContent)}
     </>
   )
 
+  const body = config.main?.({ children: content }) || content
+
   if (themeContext.layout === 'full') {
     return (
       <article className="min-h-[calc(100vh-4rem)] w-full overflow-x-hidden pl-[max(env(safe-area-inset-left),1.5rem)] pr-[max(env(safe-area-inset-right),1.5rem)]">

diff --git a/packages/nextra-theme-docs/src/types.ts b/packages/nextra-theme-docs/src/types.ts
@@ -54,9 +54,7 @@ export interface DocsThemeConfig {
   i18n: { direction?: string; locale: string; text: string }[]
   logo: ReactNode | FC
   logoLink?: boolean | string
-  main: {
-    extraContent?: ReactNode | FC
-  }
+  main?: FC<{ children: ReactNode }>
   navbar: ReactNode | FC<NavBarProps>
   navigation:
     | boolean