docs: use nextjs layout (#1983)

immutable-js · Jan 31, 2024 · fab455a · fab455a
1 parent 2e640c6
commit fab455a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 31 deletions.
diff --git a/website/src/app/docs/[version]/[type]/page.tsx b/website/src/app/docs/[version]/[type]/page.tsx
@@ -1,5 +1,3 @@
-import { DocHeader } from '../../../../DocHeader';
-import { ImmutableConsole } from '../../../../ImmutableConsole';
 import { getSidebarLinks } from '../../../../getSidebarLinks';
 import { getTypeDefs } from '../../../../static/getTypeDefs';
 import { getVersions } from '../../../../static/getVersions';
@@ -47,7 +45,6 @@ export default function TypeDocPage({
   // sidebarLinks,
   params,
 }: Props) {
-  const versions = getVersions();
   const version = getVersionFromParams(params);
   const defs = getTypeDefs(version);
 
@@ -58,15 +55,5 @@ export default function TypeDocPage({
   }
 
   const sidebarLinks = getSidebarLinks(defs);
-  return (
-    <div>
-      <ImmutableConsole version={version} />
-      <DocHeader versions={versions} currentVersion={version} />
-      <div className="pageBody">
-        <div className="contents">
-          <TypeDocumentation def={def} sidebarLinks={sidebarLinks} />
-        </div>
-      </div>
-    </div>
-  );
+  return <TypeDocumentation def={def} sidebarLinks={sidebarLinks} />;
 }
diff --git a/website/src/app/docs/[version]/page.tsx b/website/src/app/docs/[version]/page.tsx
@@ -1,10 +1,8 @@
 import { Metadata } from 'next';
 import { getVersions } from '../../../static/getVersions';
 import { getTypeDefs } from '../../../static/getTypeDefs';
-import { DocHeader } from '../../../DocHeader';
 import { DocOverview, getOverviewData } from '../../../DocOverview';
 import { DocSearch } from '../../../DocSearch';
-import { ImmutableConsole } from '../../../ImmutableConsole';
 import { SideBar } from '../../../Sidebar';
 import { getSidebarLinks } from '../../../getSidebarLinks';
 import { getVersionFromParams } from '../../getVersionFromParams';
@@ -30,26 +28,19 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
 }
 
 export default function OverviewDocPage({ params }: Props) {
-  const versions = getVersions();
   const version = getVersionFromParams(params);
   const defs = getTypeDefs(version);
   const overviewData = getOverviewData(defs);
   const sidebarLinks = getSidebarLinks(defs);
 
   return (
-    <div>
-      <ImmutableConsole version={version} />
-      <DocHeader versions={versions} currentVersion={version} />
-      <div className="pageBody">
-        <div className="contents">
-          <SideBar links={sidebarLinks} />
-          <div key="Overview" className="docContents">
-            <DocSearch />
-            <h1>Immutable.js ({version})</h1>
-            <DocOverview data={overviewData} />
-          </div>
-        </div>
+    <>
+      <SideBar links={sidebarLinks} />
+      <div key="Overview" className="docContents">
+        <DocSearch />
+        <h1>Immutable.js ({version})</h1>
+        <DocOverview data={overviewData} />
       </div>
-    </div>
+    </>
   );
 }
diff --git a/website/src/app/getVersionFromParams.ts b/website/src/app/getVersionFromParams.ts
@@ -1,3 +1,7 @@
-export function getVersionFromParams(params: { version: string }): string {
+type Params = {
+  version: string;
+};
+
+export function getVersionFromParams(params: Params): string {
   return params.version.replace('%40', '@');
 }