[TOOL-3044] Remove static generation of changelog pages

Author: MananTank

apps/portal/src/app/changelog/[slug]/page.tsx

@@ -3,7 +3,7 @@
 import { cn } from "@/lib/utils";
 import { notFound } from "next/navigation";
 import ReactHtmlParser from "react-html-parser";
-import { fetchChangeLogs, fetchPost } from "../ghost";
+import { fetchPost } from "../ghost";
 import "./styles.css";
 import { ArrowLeft } from "lucide-react";
 import Link from "next/link";
@@ -72,13 +72,3 @@ export default async function Page(props: {
     </div>
   );
 }
-
-export async function generateStaticParams() {
-  const changelogs = await fetchChangeLogs();
-
-  return changelogs.map((changelog) => {
-    return {
-      slug: changelog.slug,
-    };
-  });
-}

apps/portal/src/app/changelog/utils/transform.tsx

@@ -49,7 +49,7 @@ export const transform: Transform = (node, index: number) => {
     const level = Number.parseInt(node.name[1] || "");
 
     return (
-      <Heading level={level} id="#" anchorClassName="mt-10">
+      <Heading level={level} anchorClassName="mt-10" id={undefined}>
         {getChildren()}
       </Heading>
     );

apps/portal/src/components/Document/Heading.tsx

@@ -3,7 +3,7 @@ import { Anchor } from "../ui/Anchor";
 
 export function Heading(props: {
   children: React.ReactNode;
-  id: string;
+  id: string | undefined;
   level: number;
   className?: string;
   anchorClassName?: string;

apps/portal/src/components/ui/Anchor.tsx

@@ -4,7 +4,7 @@ import { cn } from "@/lib/utils";
 import { Link as LinkIcon } from "lucide-react";
 
 export function Anchor(props: {
-  id: string;
+  id: string | undefined;
   children: React.ReactNode;
   className?: string;
 }) {