اعمال motion بر صفحهٔ اکانت‌های agy

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

هر صفحهٔ جدیدی که بعد از این ساخته شود باید همین دو کلاس را بگیرد؛
`motion.test.tsx` واژگان را محافظت می‌کند اما اعمال آن روی صفحه‌های
تازه را نمی‌گیرد.
This commit is contained in:
mjalmoudy94
2026-10-13 08:35:56 +03:30
parent 0fd50d94fc
commit a2284db4f4
@@ -115,7 +115,7 @@ export default function AdminAgyAccountsPage() {
}; };
return ( 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"> <header className="flex flex-wrap items-end justify-between gap-3">
<div className="flex flex-col gap-1"> <div className="flex flex-col gap-1">
<h1 className="text-lg font-medium text-slate-100">اکانت‌های agy</h1> <h1 className="text-lg font-medium text-slate-100">اکانت‌های agy</h1>
@@ -138,7 +138,7 @@ export default function AdminAgyAccountsPage() {
description="با دکمهٔ «افزودن اکانت agy» اولین اکانت Google را وارد کنید." description="با دکمهٔ «افزودن اکانت agy» اولین اکانت Google را وارد کنید."
/> />
) : ( ) : (
<div className="flex flex-col gap-3"> <div className="anim-stagger flex flex-col gap-3">
{accounts.map((account) => ( {accounts.map((account) => (
<AgyAccountCard <AgyAccountCard
key={account.id} key={account.id}