[ENG-1563] Add dynamic changelog link & remove old components (#2075)

Add dynamic changelog link & remove old components

apps/landing/src/app/Footer.tsx

@@ -10,9 +10,12 @@ import Image from 'next/image';
 import Link from 'next/link';
 import { PropsWithChildren } from 'react';
 
+import { getLatestRelease } from './docs/changelog/data';
 import Logo from './logo.png';
 
-export function Footer() {
+export async function Footer() {
+	const latestRelease = await getLatestRelease();
+
 	return (
 		<footer id="footer" className="relative z-50 w-screen overflow-hidden pt-3 backdrop-blur">
 			<Image
@@ -70,7 +73,13 @@ export function Footer() {
 					<FooterLink link="/team">Team</FooterLink>
 					<FooterLink link="/docs/product/resources/faq">FAQ</FooterLink>
 					<FooterLink link="/careers">Careers</FooterLink>
-					<FooterLink link="/docs/changelog/beta/0.1.0">Changelog</FooterLink>
+					{latestRelease && (
+						<FooterLink
+							link={`/docs/changelog/${latestRelease.category}/${latestRelease.tag}`}
+						>
+							Changelog
+						</FooterLink>
+					)}
 					<FooterLink link="/blog">Blog</FooterLink>
 				</div>
 				<div className="col-span-1 flex flex-col space-y-2">

apps/landing/src/app/docs/changelog/data.ts

@@ -31,3 +31,17 @@ export async function getReleasesCategories(): Promise<SectionMeta['categories']
 
 	return Object.values(categories);
 }
+
+export async function getLatestRelease(): Promise<{ tag: string; category: string } | undefined> {
+	const releases = await githubFetch(getRecentReleases);
+
+	for (const release of releases ?? []) {
+		if (!release.draft)
+			return {
+				tag: release.tag_name,
+				category: getReleaseFrontmatter(release).frontmatter.category
+			};
+	}
+
+	return undefined;
+}