feat(frontend): ✨ make loading skeleton for individual sattelite page…

… (#307)
NTNU-SmallSatLab · Apr 16, 2024 · 7827129 · 7827129
1 parent d824a5f
commit 7827129
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/frontend/src/app/satellites/[satelliteSlug]/loading.tsx b/frontend/src/app/satellites/[satelliteSlug]/loading.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+
+import { Skeleton } from "@shadcn/skeleton";
+
+export default function Loading() {
+    return (
+        <div className="flex w-full origin-center flex-col justify-center gap-4">
+            <Skeleton className="align-left h-16 w-1/4" />
+            <Skeleton className="h-80 w-full self-center" />
+            <Skeleton className="h-96 w-full self-center" />
+        </div>
+    );
+}