chore: remove toc of docs

johnnyjoygh · johnnyjoygh · commit 4db29d1b9a90 · 2025-07-17T23:30:30.000+08:00
diff --git a/src/app/docs/[[...slug]]/page.tsx b/src/app/docs/[[...slug]]/page.tsx
@@ -8,7 +8,6 @@ import ContentRender from "@/components/ContentRender";
 import Icon from "@/components/Icon";
 import SectionContainer from "@/components/SectionContainer";
 import Subscription from "@/components/Subscription";
-import TableOfContent from "@/components/TableOfContent";
 import { GITHUB_REPO_LINK } from "@/consts/common";
 import { getContentFilePaths, getFilePathFromSlugs, readFileContenxt } from "@/lib/content";
 import { markdoc } from "@/markdoc/markdoc";
@@ -33,24 +32,17 @@ const Page = async (props: Props) => {
     return null;
   }
 
-  const children = transformedContent.children;
-  const headings = JSON.parse(
-    JSON.stringify(
-      children.filter((child) => child instanceof Tag && child.name === "Heading" && [2, 3].includes(child.attributes["level"])),
-    ),
-  ) as Tag[];
-
   return (
     <SectionContainer>
       <div className="w-full flex flex-row justify-start items-start sm:px-6 sm:gap-6">
-        <div className="hidden sm:block sticky top-24 h-[calc(100svh-6rem)] w-40 shrink-0">
+        <div className="hidden sm:block sticky top-24 h-[calc(100svh-6rem)] w-48 shrink-0">
           <div className="relative w-full h-full overflow-auto py-4 no-scrollbar">
             <Navigation />
           </div>
           <div className="absolute top-0 left-0 w-full h-8 bg-linear-to-t from-transparent to-white pointer-events-none"></div>
           <div className="absolute bottom-0 left-0 w-full h-8 bg-linear-to-b from-transparent to-white pointer-events-none"></div>
         </div>
-        <div className="w-full sm:max-w-[calc(100%-10rem)] lg:max-w-[calc(100%-20rem)] sm:px-4">
+        <div className="w-full sm:px-4">
           <div className="block sm:hidden w-full">
             <NavigationMobileMenu />
           </div>
@@ -66,13 +58,6 @@ const Page = async (props: Props) => {
           <Divider className="my-12!" />
           <Subscription />
         </div>
-        <div className="hidden lg:block sticky top-24 h-[calc(100svh-6rem)] w-40 shrink-0">
-          <div className="relative w-full h-full overflow-auto py-4 no-scrollbar">
-            <TableOfContent headings={headings} />
-          </div>
-          <div className="absolute top-0 left-0 w-full h-8 bg-linear-to-t from-transparent to-white"></div>
-          <div className="absolute bottom-0 left-0 w-full h-8 bg-linear-to-b from-transparent to-white"></div>
-        </div>
       </div>
     </SectionContainer>
   );
