From c2f63b3c114b258efc1ba85290d7a96e7cea76ba Mon Sep 17 00:00:00 2001
From: sajjad isvand <sajjadzibaee102@gmail.com>
Date: Sun, 5 Jul 2026 23:05:58 +0330
Subject: [PATCH] feat: add loading skeletons to mini-apps layout

---
 .../mini-apps/components/card/mini-app-card-skeleton.tsx      | 4 ++--
 src/layouts/mini-apps/mini-apps.layout.tsx                    | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/layouts/mini-apps/components/card/mini-app-card-skeleton.tsx b/src/layouts/mini-apps/components/card/mini-app-card-skeleton.tsx
index dcf00a4a..3b495207 100644
--- a/src/layouts/mini-apps/components/card/mini-app-card-skeleton.tsx
+++ b/src/layouts/mini-apps/components/card/mini-app-card-skeleton.tsx
@@ -1,7 +1,7 @@
 export function MiniAppCardSkeleton() {
 	return (
-		<div className="flex items-center gap-3 p-4 rounded-2xl bg-content">
-			<div className="w-12 h-12 rounded-xl skeleton bg-base-content/10 shrink-0" />
+		<div className="flex items-center gap-3 p-2 border border-content rounded-2xl bg-content">
+			<div className="w-8 h-8 rounded-xl skeleton bg-base-content/10 shrink-0" />
 			<div className="flex-1 space-y-2">
 				<div className="w-28 h-3.5 rounded-full skeleton bg-base-content/10" />
 				<div className="w-40 h-2.5 rounded-full skeleton bg-base-content/5" />
diff --git a/src/layouts/mini-apps/mini-apps.layout.tsx b/src/layouts/mini-apps/mini-apps.layout.tsx
index 5f20e916..c8218efd 100644
--- a/src/layouts/mini-apps/mini-apps.layout.tsx
+++ b/src/layouts/mini-apps/mini-apps.layout.tsx
@@ -91,6 +91,10 @@ export function MiniAppsLayout() {
 								<p className="text-sm text-muted">به زودی پر میشه...</p>
 							</div>
 						)}
+						{isLoading
+							? [...Array(5)].map((_, i) => <MiniAppCardSkeleton key={i} />)
+							: null}
+
 						{miniApps.map((app) => (
 							<div key={app.appId}>
 								<MiniAppCard