From 47876ad3d0e80d7faac44dc5f30749f316e66a76 Mon Sep 17 00:00:00 2001
From: tuna2134 <tuna2134@neody.ad.jp>
Date: Sun, 29 Mar 2026 05:04:42 +0000
Subject: [PATCH] feat: add loading components for announcements and general
 loading states

---
 app/announcements/loading.tsx | 10 ++++++++++
 app/loading.tsx               | 10 ++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 app/announcements/loading.tsx
 create mode 100644 app/loading.tsx

diff --git a/app/announcements/loading.tsx b/app/announcements/loading.tsx
new file mode 100644
index 0000000..4ac9ba0
--- /dev/null
+++ b/app/announcements/loading.tsx
@@ -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>
+  );
+}
diff --git a/app/loading.tsx b/app/loading.tsx
new file mode 100644
index 0000000..aacb26a
--- /dev/null
+++ b/app/loading.tsx
@@ -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>
+  );
+}