neodyland/tksm-ndy-mc-proj-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add loading components for announcements and general loading states

Browse Source
This commit is contained in:
tuna2134
2026-03-29 05:04:42 +00:00
parent e98ccc8c58
commit 47876ad3d0
2 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/announcements/loading.tsx Normal file
View File

@@ -0,0 +1,10 @@
export default function AnnouncementsLoading() {
return (
<div className="mx-auto flex w-full max-w-5xl flex-1 items-center justify-center px-4 py-12 sm:px-8">
<div className="flex items-center gap-3 rounded-xl border bg-card px-5 py-3 text-sm text-muted-foreground shadow-sm">
<span className="inline-block size-2.5 animate-pulse rounded-full bg-primary" />
お知らせを読み込み中...
</div>
</div>
);
}

10
app/loading.tsx Normal file
View File

@@ -0,0 +1,10 @@
export default function Loading() {
return (
<div className="mx-auto flex w-full max-w-6xl flex-1 items-center justify-center px-4 py-16 sm:px-8">
<div className="flex items-center gap-3 rounded-xl border bg-card px-5 py-3 text-sm text-muted-foreground shadow-sm">
<span className="inline-block size-2.5 animate-pulse rounded-full bg-primary" />
Loading...
</div>
</div>
);
}