Admin/Todo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add error and loading pages, remove experimental SSR

Browse Source
This commit is contained in:
Paul Bailey
2025-12-03 01:31:16 +00:00
parent f3c1599a11
commit 8432eb1cc0
3 changed files with 23 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
app/loading.tsx
View File

@@ -1,24 +1,15 @@
import { ListCardSkeleton } from '@/components/SkeletonLoader'
export default function Loading() {
return (
<main className="container mx-auto px-4 sm:px-6 py-6 sm:py-8 max-w-7xl">
<div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 mb-6 sm:mb-8">
<div className="h-10 w-48 bg-gray-200 rounded animate-pulse" />
<div className="h-12 w-32 bg-gray-200 rounded-lg animate-pulse" />
<div className="min-h-screen flex items-center justify-center bg-gray-50">
<div className="animate-pulse space-y-4 w-full max-w-4xl mx-auto px-4">
<div className="h-8 bg-gray-200 rounded w-1/4"></div>
<div className="h-10 bg-gray-200 rounded"></div>
<div className="space-y-2">
<div className="h-16 bg-gray-200 rounded"></div>
<div className="h-16 bg-gray-200 rounded"></div>
<div className="h-16 bg-gray-200 rounded"></div>
</div>
</div>
{/* Global Search Skeleton */}
<div className="mb-6 sm:mb-8">
<div className="h-12 bg-gray-100 border border-gray-300 rounded-lg animate-pulse" />
</div>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 sm:gap-6">
<ListCardSkeleton />
<ListCardSkeleton />
<ListCardSkeleton />
<ListCardSkeleton />
</div>
</main>
</div>
)
}
}