From b989b7ba493f3b5495c69e6092c3bc9eff2e33e4 Mon Sep 17 00:00:00 2001
From: Rick Staa <rick.staa@outlook.com>
Date: Sat, 14 Feb 2026 04:51:54 +0100
Subject: [PATCH] feat: add connect button skeleton

Ensure we show a skeleton while loading the connect button to improve
the UX experience.
---
 layouts/main.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/layouts/main.tsx b/layouts/main.tsx
index cff6bb08..c8682d24 100644
--- a/layouts/main.tsx
+++ b/layouts/main.tsx
@@ -110,6 +110,15 @@ const DesignSystemProviderTyped = DesignSystemProvider as React.FC<{
 
 const ConnectButton = dynamic(() => import("../components/ConnectButton"), {
   ssr: false,
+  loading: () => (
+    <Skeleton
+      css={{
+        width: 132,
+        height: 36,
+        borderRadius: "$4",
+      }}
+    />
+  ),
 });
 
 const Claim = dynamic(() => import("../components/Claim"), { ssr: false });