From 2ac45bf704f05bfbb93ef04f4ab564f637eefdd1 Mon Sep 17 00:00:00 2001
From: Alvin Joy <89687635+alvinsjoy@users.noreply.github.com>
Date: Sun, 18 Aug 2024 20:04:27 +0530
Subject: [PATCH] refactor loading components and add loading for edit profiles

---
 app/(root)/profile/edit/loading.tsx           | 41 +++++++++++++++++++
 app/(root)/thread/edit/{[id] => }/loading.tsx |  0
 app/(root)/thread/{[id] => }/loading.tsx      |  0
 3 files changed, 41 insertions(+)
 create mode 100644 app/(root)/profile/edit/loading.tsx
 rename app/(root)/thread/edit/{[id] => }/loading.tsx (100%)
 rename app/(root)/thread/{[id] => }/loading.tsx (100%)

diff --git a/app/(root)/profile/edit/loading.tsx b/app/(root)/profile/edit/loading.tsx
new file mode 100644
index 0000000..a564fd7
--- /dev/null
+++ b/app/(root)/profile/edit/loading.tsx
@@ -0,0 +1,41 @@
+import { Skeleton } from '@/components/ui/skeleton';
+
+function Loading() {
+  return (
+    <main className="mx-auto flex max-w-3xl flex-col justify-start px-10 py-20">
+      <Skeleton className="h-8 w-40" />
+      <Skeleton className="mt-3 h-5 w-72" />
+
+      <section className="mt-9 bg-dark-2 p-10">
+        <div className="flex flex-col justify-start gap-10">
+          <div className="flex items-center gap-4">
+            <Skeleton className="h-24 w-24 rounded-full" />
+            <div className="flex-1">
+              <Skeleton className="h-6 w-40" />
+              <Skeleton className="mt-2 h-4 w-20" />
+            </div>
+          </div>
+
+          <div className="flex w-full flex-col gap-3">
+            <Skeleton className="h-5 w-20" />
+            <Skeleton className="h-10 w-full" />
+          </div>
+
+          <div className="flex w-full flex-col gap-3">
+            <Skeleton className="h-5 w-20" />
+            <Skeleton className="h-10 w-full" />
+          </div>
+
+          <div className="flex w-full flex-col gap-3">
+            <Skeleton className="h-5 w-20" />
+            <Skeleton className="h-32 w-full" />
+          </div>
+
+          <Skeleton className="h-10 w-full" />
+        </div>
+      </section>
+    </main>
+  );
+}
+
+export default Loading;
diff --git a/app/(root)/thread/edit/[id]/loading.tsx b/app/(root)/thread/edit/loading.tsx
similarity index 100%
rename from app/(root)/thread/edit/[id]/loading.tsx
rename to app/(root)/thread/edit/loading.tsx
diff --git a/app/(root)/thread/[id]/loading.tsx b/app/(root)/thread/loading.tsx
similarity index 100%
rename from app/(root)/thread/[id]/loading.tsx
rename to app/(root)/thread/loading.tsx