From 3443a1e50a310caba6617cb57d06b49ec257dcfd Mon Sep 17 00:00:00 2001
From: v0 <v0[bot]@users.noreply.github.com>
Date: Fri, 8 Aug 2025 07:21:05 +0000
Subject: [PATCH] feat: add Suspense fallback for useSearchParams in edit route

Create loading.tsx to resolve deployment error.

Co-authored-by: null <4804959+fnvtk@users.noreply.github.com>
---
 .../moments-sync/[id]/edit/loading.tsx        | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 app/workspace/moments-sync/[id]/edit/loading.tsx

diff --git a/app/workspace/moments-sync/[id]/edit/loading.tsx b/app/workspace/moments-sync/[id]/edit/loading.tsx
new file mode 100644
index 0000000..7adf6ff
--- /dev/null
+++ b/app/workspace/moments-sync/[id]/edit/loading.tsx
@@ -0,0 +1,37 @@
+export default function Loading() {
+  return (
+    <main className="p-4 md:p-6" aria-busy="true" aria-live="polite">
+      <div className="space-y-6">
+        {/* Header skeleton */}
+        <div className="flex items-center justify-between">
+          <div className="space-y-2">
+            <div className="h-6 w-40 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
+            <div className="h-4 w-64 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
+          </div>
+          <div className="h-9 w-28 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
+        </div>
+
+        {/* Step indicator skeleton */}
+        <div className="flex items-center gap-3">
+          <div className="h-8 w-24 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
+          <div className="h-8 w-24 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
+          <div className="h-8 w-24 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
+        </div>
+
+        {/* Editor/Forms skeleton */}
+        <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
+          <section className="lg:col-span-2 space-y-4">
+            <div className="h-10 w-1/2 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
+            <div className="h-40 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
+            <div className="h-10 w-32 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
+          </section>
+          <aside className="space-y-4">
+            <div className="h-6 w-24 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
+            <div className="h-28 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
+            <div className="h-28 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
+          </aside>
+        </div>
+      </div>
+    </main>
+  )
+}