From 782712991ca983f013af5162005eca8e8f75cb4d Mon Sep 17 00:00:00 2001
From: Mats <64415243+mnyflot@users.noreply.github.com>
Date: Tue, 16 Apr 2024 11:43:52 +0200
Subject: [PATCH] feat(frontend): :sparkles: make loading skeleton for
 individual sattelite page (#307)

---
 .../src/app/satellites/[satelliteSlug]/loading.tsx  | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 frontend/src/app/satellites/[satelliteSlug]/loading.tsx

diff --git a/frontend/src/app/satellites/[satelliteSlug]/loading.tsx b/frontend/src/app/satellites/[satelliteSlug]/loading.tsx
new file mode 100644
index 0000000..a9a09ca
--- /dev/null
+++ 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>
+    );
+}