feat(frontend): TagsSkeleton and CountSkeleton for sidebar Suspense fallbacks

2026-05-16 02:10:55 +02:00
parent 2c3e7934b8
commit 98d3fdb832
1 changed files with 23 additions and 0 deletions
--- a/thoughts-frontend/components/loading-skeleton.tsx
+++ b/thoughts-frontend/components/loading-skeleton.tsx
@@ -32,3 +32,26 @@ export function ProfileSkeleton() {
    </Card>
  )
 }
+
+export function TagsSkeleton() {
+  return (
+    <Card>
+      <CardContent className="pt-4 space-y-2">
+        <Skeleton className="h-4 w-24 mb-3" />
+        {[...Array(5)].map((_, i) => (
+          <Skeleton key={i} className="h-6 w-full rounded-full" />
+        ))}
+      </CardContent>
+    </Card>
+  )
+}
+
+export function CountSkeleton() {
+  return (
+    <Card>
+      <CardContent className="pt-4 pb-4">
+        <Skeleton className="h-6 w-32" />
+      </CardContent>
+    </Card>
+  )
+}