From 970c157da6a312aeee26c3bceda91d61ed7e822d Mon Sep 17 00:00:00 2001
From: Utku <74243531+utkubakir@users.noreply.github.com>
Date: Fri, 9 Feb 2024 23:59:47 +0300
Subject: [PATCH] [ENG-1563] Add dynamic changelog link & remove old components
 (#2075)

Add dynamic changelog link & remove old components
---
 apps/landing/src/app/Footer.tsx             |  13 +-
 apps/landing/src/app/docs/changelog/data.ts |  14 ++
 apps/landing/src/components/Footer.tsx      | 158 --------------------
 apps/landing/src/components/PageWrapper.tsx |  12 --
 4 files changed, 25 insertions(+), 172 deletions(-)
 delete mode 100644 apps/landing/src/components/Footer.tsx
 delete mode 100644 apps/landing/src/components/PageWrapper.tsx

diff --git a/apps/landing/src/app/Footer.tsx b/apps/landing/src/app/Footer.tsx
index 3c865d5ae67c..a4d257aa1733 100644
--- a/apps/landing/src/app/Footer.tsx
+++ b/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">
diff --git a/apps/landing/src/app/docs/changelog/data.ts b/apps/landing/src/app/docs/changelog/data.ts
index 1d57bf6dd8c1..b36b808c34bf 100644
--- a/apps/landing/src/app/docs/changelog/data.ts
+++ b/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;
+}
diff --git a/apps/landing/src/components/Footer.tsx b/apps/landing/src/components/Footer.tsx
deleted file mode 100644
index e270dba297cb..000000000000
--- a/apps/landing/src/components/Footer.tsx
+++ /dev/null
@@ -1,158 +0,0 @@
-import {
-	Discord,
-	Github,
-	Instagram,
-	Opencollective,
-	Twitch,
-	Twitter
-} from '@sd/assets/svgs/brands';
-import Image from 'next/image';
-import Link from 'next/link';
-import { PropsWithChildren } from 'react';
-
-import Logo from '../../public/logo.png';
-
-function FooterLink({
-	blank,
-	link,
-	...props
-}: PropsWithChildren<{ link: string; blank?: boolean }>) {
-	return (
-		<Link
-			href={link}
-			target={blank ? '_blank' : ''}
-			className="text-gray-300 duration-300 hover:text-white hover:opacity-50"
-			rel="noreferrer"
-			{...props}
-		>
-			{props.children}
-		</Link>
-	);
-}
-
-export function Footer() {
-	return (
-		<footer id="footer" className="relative z-50 w-screen overflow-hidden pt-3 backdrop-blur">
-			<Image
-				alt="footer gradient"
-				className="absolute bottom-0 left-0 z-[-1]"
-				quality={100}
-				width={0}
-				height={0}
-				src="/images/misc/footer-gradient.webp"
-				style={{ width: '100%', height: '400px' }}
-				sizes="100vw"
-			/>
-			<div className="m-auto grid min-h-64 max-w-[100rem] grid-cols-2 gap-6 p-8 pb-20 pt-10 text-white sm:grid-cols-2 lg:grid-cols-6">
-				<div className="col-span-2">
-					<Image alt="Spacedrive logo" src={Logo} className="mb-5 h-10 w-10" />
-
-					<h1 className="mb-1 text-xl font-bold">Spacedrive</h1>
-					<p className="text-sm text-gray-350 opacity-50">
-						&copy; Copyright {new Date().getFullYear()} Spacedrive Technology Inc.
-					</p>
-					<div className="mb-10 mt-12 flex flex-row space-x-3">
-						<FooterLink link="https://x.com/spacedriveapp">
-							<Twitter className="h-6 w-6" />
-						</FooterLink>
-						<FooterLink aria-label="discord" link="https://discord.gg/gTaF2Z44f5">
-							<Discord className="h-6 w-6" />
-						</FooterLink>
-						<FooterLink
-							aria-label="instagram"
-							link="https://instagram.com/spacedriveapp"
-						>
-							<Instagram className="h-6 w-6" />
-						</FooterLink>
-						<FooterLink aria-label="github" link="https://github.com/spacedriveapp">
-							<Github className="h-6 w-6" />
-						</FooterLink>
-						<FooterLink
-							aria-label="open collective"
-							link="https://opencollective.com/spacedrive"
-						>
-							<Opencollective className="h-6 w-6" />
-						</FooterLink>
-						<FooterLink
-							aria-label="twitch stream"
-							link="https://twitch.tv/jamiepinelive"
-						>
-							<Twitch className="h-6 w-6" />
-						</FooterLink>
-					</div>
-				</div>
-
-				<div className="col-span-1 flex flex-col space-y-2">
-					<h1 className="mb-1 text-xs font-bold uppercase ">About</h1>
-
-					<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>
-					<FooterLink link="/blog">Blog</FooterLink>
-				</div>
-				<div className="col-span-1 flex flex-col space-y-2">
-					<h1 className="mb-1 text-xs font-bold uppercase">Downloads</h1>
-					<div className="col-span-1 flex flex-col space-y-2">
-						<FooterLink link="https://spacedrive.com/api/releases/desktop/stable/darwin/aarch64">
-							macOS
-						</FooterLink>
-						<FooterLink link="https://spacedrive.com/api/releases/desktop/stable/darwin/x86_64">
-							macOS Intel
-						</FooterLink>
-						<FooterLink link="https://spacedrive.com/api/releases/desktop/stable/windows/x86_64">
-							Windows
-						</FooterLink>
-						<FooterLink link="https://spacedrive.com/api/releases/desktop/stable/linux/x86_64">
-							Linux
-						</FooterLink>
-					</div>
-					<div className="pointer-events-none col-span-1 flex flex-col space-y-2 opacity-50">
-						<FooterLink link="#">Android</FooterLink>
-						<FooterLink link="#">iOS</FooterLink>
-					</div>
-				</div>
-				<div className="col-span-1 flex flex-col space-y-2">
-					<h1 className="mb-1 text-xs font-bold uppercase ">Developers</h1>
-					<FooterLink link="/docs/product/getting-started/introduction">
-						Documentation
-					</FooterLink>
-					<FooterLink
-						blank
-						link="https://github.com/spacedriveapp/spacedrive/blob/main/CONTRIBUTING.md"
-					>
-						Contribute
-					</FooterLink>
-					<div className="pointer-events-none opacity-50">
-						<FooterLink link="#">Extensions</FooterLink>
-					</div>
-					<div className="pointer-events-none opacity-50">
-						<FooterLink link="#">Self Host</FooterLink>
-					</div>
-				</div>
-				<div className="col-span-1 flex flex-col space-y-2">
-					<h1 className="mb-1 text-xs font-bold uppercase ">Org</h1>
-					<FooterLink blank link="https://opencollective.com/spacedrive">
-						Open Collective
-					</FooterLink>
-					<FooterLink
-						blank
-						link="https://github.com/spacedriveapp/spacedrive/blob/main/LICENSE"
-					>
-						License
-					</FooterLink>
-					<div>
-						<FooterLink link="/docs/company/legal/privacy">Privacy</FooterLink>
-					</div>
-					<div>
-						<FooterLink link="/docs/company/legal/terms">Terms</FooterLink>
-					</div>
-				</div>
-			</div>
-			<div className="absolute top-0 flex h-1 w-full flex-row items-center justify-center opacity-100">
-				<div className="h-[1px] w-1/2 bg-gradient-to-r from-transparent to-white/10"></div>
-				<div className="h-[1px] w-1/2 bg-gradient-to-l from-transparent to-white/10"></div>
-			</div>
-		</footer>
-	);
-}
diff --git a/apps/landing/src/components/PageWrapper.tsx b/apps/landing/src/components/PageWrapper.tsx
deleted file mode 100644
index 4dacca4278ab..000000000000
--- a/apps/landing/src/components/PageWrapper.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Footer } from './Footer';
-import NavBar from './NavBar';
-
-export default function PageWrapper({ children }: { children: React.ReactNode }) {
-	return (
-		<div className="overflow-hidden dark:bg-[#030014]/60">
-			<NavBar />
-			<main className="dark z-10 m-auto max-w-[100rem] dark:text-white">{children}</main>
-			<Footer />
-		</div>
-	);
-}