Add loading.tsx for connect pages

MananTank · MananTank · commit c1c66cee2322 · 2024-10-31T03:10:21.000+05:30
diff --git a/apps/dashboard/src/@/components/blocks/skeletons/GenericLoadingPage.tsx b/apps/dashboard/src/@/components/blocks/skeletons/GenericLoadingPage.tsx
@@ -0,0 +1,11 @@
+"use client";
+
+import { Spinner } from "@/components/ui/Spinner/Spinner";
+
+export function GenericLoadingPage() {
+  return (
+    <div className="flex min-h-[500px] grow items-center justify-center rounded-lg border border-border">
+      <Spinner className="size-10" />
+    </div>
+  );
+}
diff --git a/apps/dashboard/src/app/(dashboard)/dashboard/connect/account-abstraction/[clientId]/loading.tsx b/apps/dashboard/src/app/(dashboard)/dashboard/connect/account-abstraction/[clientId]/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/(dashboard)/dashboard/connect/account-abstraction/loading.tsx b/apps/dashboard/src/app/(dashboard)/dashboard/connect/account-abstraction/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/(dashboard)/dashboard/connect/analytics/[clientId]/loading.tsx b/apps/dashboard/src/app/(dashboard)/dashboard/connect/analytics/[clientId]/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/(dashboard)/dashboard/connect/analytics/loading.tsx b/apps/dashboard/src/app/(dashboard)/dashboard/connect/analytics/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/(dashboard)/dashboard/connect/ecosystem/[slug]/(active)/loading.tsx b/apps/dashboard/src/app/(dashboard)/dashboard/connect/ecosystem/[slug]/(active)/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/(dashboard)/dashboard/connect/ecosystem/create/loading.tsx b/apps/dashboard/src/app/(dashboard)/dashboard/connect/ecosystem/create/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/(dashboard)/dashboard/connect/ecosystem/loading.tsx b/apps/dashboard/src/app/(dashboard)/dashboard/connect/ecosystem/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/(dashboard)/dashboard/connect/in-app-wallets/[clientId]/analytics/loading.tsx b/apps/dashboard/src/app/(dashboard)/dashboard/connect/in-app-wallets/[clientId]/analytics/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/(dashboard)/dashboard/connect/in-app-wallets/[clientId]/config/loading.tsx b/apps/dashboard/src/app/(dashboard)/dashboard/connect/in-app-wallets/[clientId]/config/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/(dashboard)/dashboard/connect/in-app-wallets/[clientId]/loading.tsx b/apps/dashboard/src/app/(dashboard)/dashboard/connect/in-app-wallets/[clientId]/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/(dashboard)/dashboard/connect/in-app-wallets/[clientId]/users/loading.tsx b/apps/dashboard/src/app/(dashboard)/dashboard/connect/in-app-wallets/[clientId]/users/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/(dashboard)/dashboard/connect/in-app-wallets/loading.tsx b/apps/dashboard/src/app/(dashboard)/dashboard/connect/in-app-wallets/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/(dashboard)/dashboard/connect/pay/[id]/loading.tsx b/apps/dashboard/src/app/(dashboard)/dashboard/connect/pay/[id]/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/(dashboard)/dashboard/connect/pay/[id]/settings/loading.tsx b/apps/dashboard/src/app/(dashboard)/dashboard/connect/pay/[id]/settings/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/(dashboard)/dashboard/connect/pay/[id]/webhooks/loading.tsx b/apps/dashboard/src/app/(dashboard)/dashboard/connect/pay/[id]/webhooks/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/(dashboard)/dashboard/connect/pay/components/webhooks.client.tsx b/apps/dashboard/src/app/(dashboard)/dashboard/connect/pay/components/webhooks.client.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import { CopyTextButton } from "@/components/ui/CopyTextButton";
-import { Spinner } from "@/components/ui/Spinner/Spinner";
 import { Button } from "@/components/ui/button";
 import {
   Dialog,
@@ -47,6 +46,7 @@ import { useForm } from "react-hook-form";
 import { toast } from "sonner";
 import { shortenString } from "utils/usedapp-external";
 import { z } from "zod";
+import GenericLoadingPage from "../loading";
 
 type Webhook = {
   url: string;
@@ -79,7 +79,7 @@ export function PayWebhooksPage(props: PayWebhooksPageProps) {
   });
 
   if (webhooksQuery.isPending) {
-    return <Spinner className="mx-auto size-8" />;
+    return <GenericLoadingPage />;
   }
 
   if (!webhooksQuery.data?.length) {
diff --git a/apps/dashboard/src/app/(dashboard)/dashboard/connect/pay/loading.tsx b/apps/dashboard/src/app/(dashboard)/dashboard/connect/pay/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/account-abstraction/loading.tsx b/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/account-abstraction/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/analytics/loading.tsx b/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/analytics/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/ecosystem/[slug]/(active)/loading.tsx b/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/ecosystem/[slug]/(active)/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/ecosystem/create/loading.tsx b/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/ecosystem/create/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/ecosystem/loading.tsx b/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/ecosystem/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/in-app-wallets/analytics/loading.tsx b/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/in-app-wallets/analytics/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/in-app-wallets/config/loading.tsx b/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/in-app-wallets/config/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/in-app-wallets/loading.tsx b/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/in-app-wallets/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/in-app-wallets/users/loading.tsx b/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/in-app-wallets/users/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/pay/loading.tsx b/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/pay/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";
diff --git a/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/pay/webhooks/loading.tsx b/apps/dashboard/src/app/team/[team_slug]/[project_slug]/connect/pay/webhooks/loading.tsx
@@ -0,0 +1,3 @@
+"use client";
+
+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+"use client";`
	`2`	`+`
	`3`	`+export { GenericLoadingPage as default } from "@/components/blocks/skeletons/GenericLoadingPage";`