From 8d04cbc20394c0a4e2dc46c1613ee666ad733d29 Mon Sep 17 00:00:00 2001
From: iCrawl <buechler.noel@outlook.com>
Date: Mon, 13 Nov 2023 11:23:59 +0100
Subject: [PATCH] chore: add loading page for suspense

---
 .../[package]/[version]/[item]/loading.tsx    | 20 +++++++++++++++++++
 .../[package]/[version]/[item]/page.tsx       |  6 ++----
 2 files changed, 22 insertions(+), 4 deletions(-)
 create mode 100644 apps/website/src/app/docs/packages/[package]/[version]/[item]/loading.tsx

diff --git a/apps/website/src/app/docs/packages/[package]/[version]/[item]/loading.tsx b/apps/website/src/app/docs/packages/[package]/[version]/[item]/loading.tsx
new file mode 100644
index 000000000..066281618
--- /dev/null
+++ b/apps/website/src/app/docs/packages/[package]/[version]/[item]/loading.tsx
@@ -0,0 +1,20 @@
+export default function Loading() {
+	return (
+		<div className="relative top-6 mx-4 min-h-xl flex flex-col items-center justify-center gap-4">
+			<svg
+				className="h-9 w-9 animate-spin text-black dark:text-white"
+				fill="none"
+				viewBox="0 0 24 24"
+				xmlns="http://www.w3.org/2000/svg"
+			>
+				<circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4" />
+				<path
+					className="opacity-75 dark:opacity-100"
+					d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+					fill="currentColor"
+				/>
+			</svg>
+			<div className="text-lg font-medium">Loading...</div>
+		</div>
+	);
+}
diff --git a/apps/website/src/app/docs/packages/[package]/[version]/[item]/page.tsx b/apps/website/src/app/docs/packages/[package]/[version]/[item]/page.tsx
index ee134334a..0507c78b6 100644
--- a/apps/website/src/app/docs/packages/[package]/[version]/[item]/page.tsx
+++ b/apps/website/src/app/docs/packages/[package]/[version]/[item]/page.tsx
@@ -122,7 +122,7 @@ export async function generateStaticParams({ params: { package: packageName, ver
 	const modelJSON = await fetchModelJSON(packageName, version);
 
 	if (!modelJSON) {
-		return [{ package: packageName, version, item: '' }];
+		return [{ item: '' }];
 	}
 
 	const model = addPackageToModel(new ApiModel(), modelJSON);
@@ -131,12 +131,10 @@ export async function generateStaticParams({ params: { package: packageName, ver
 	const entry = pkg?.entryPoints[0];
 
 	if (!entry) {
-		return [{ package: packageName, version, item: '' }];
+		return [{ item: '' }];
 	}
 
 	return entry.members.map((member: ApiItem) => ({
-		package: packageName,
-		version,
 		item: `${member.displayName}${OVERLOAD_SEPARATOR}${member.kind}`,
 	}));
 }