From a2284db4f4c8780c71d42eb210d791f2f4ca2316 Mon Sep 17 00:00:00 2001
From: mjalmoudy94 <m.jalmoudy94@gmail.com>
Date: Tue, 13 Oct 2026 08:35:56 +0330
Subject: [PATCH] =?UTF-8?q?=D8=A7=D8=B9=D9=85=D8=A7=D9=84=20motion=20?=
 =?UTF-8?q?=D8=A8=D8=B1=20=D8=B5=D9=81=D8=AD=D9=87=D9=94=20=D8=A7=DA=A9?=
 =?UTF-8?q?=D8=A7=D9=86=D8=AA=E2=80=8C=D9=87=D8=A7=DB=8C=20agy?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

صفحهٔ `/admin/agy-accounts` بعد از پاس motion ساخته شد، بنابراین ریشهٔ
خودش `.anim-stagger` نداشت و کل صفحه یک‌جا ظاهر می‌شد در حالی که بقیهٔ
پنل آبشاری وارد می‌شوند. فهرست اکانت‌ها هم که async لود می‌شود stagger
نگرفته بود.

هر صفحهٔ جدیدی که بعد از این ساخته شود باید همین دو کلاس را بگیرد؛
`motion.test.tsx` واژگان را محافظت می‌کند اما اعمال آن روی صفحه‌های
تازه را نمی‌گیرد.
---
 apps/web/src/app/(app)/admin/agy-accounts/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/app/(app)/admin/agy-accounts/page.tsx b/apps/web/src/app/(app)/admin/agy-accounts/page.tsx
index 8638302..acf9e50 100644
--- a/apps/web/src/app/(app)/admin/agy-accounts/page.tsx
+++ b/apps/web/src/app/(app)/admin/agy-accounts/page.tsx
@@ -115,7 +115,7 @@ export default function AdminAgyAccountsPage() {
   };
 
   return (
-    <div className="flex flex-col gap-5">
+    <div className="anim-stagger flex flex-col gap-5">
       <header className="flex flex-wrap items-end justify-between gap-3">
         <div className="flex flex-col gap-1">
           <h1 className="text-lg font-medium text-slate-100">اکانت‌های agy</h1>
@@ -138,7 +138,7 @@ export default function AdminAgyAccountsPage() {
           description="با دکمهٔ «افزودن اکانت agy» اولین اکانت Google را وارد کنید."
         />
       ) : (
-        <div className="flex flex-col gap-3">
+        <div className="anim-stagger flex flex-col gap-3">
           {accounts.map((account) => (
             <AgyAccountCard
               key={account.id}