Feat: Add loading spinner for made-to-order page

- Create LoadingSpinner component with spinning circle
- Wrap products grid with Suspense boundary
- Shows spinner while products are loading
- Improves UX for slower connections

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
Andymick
2026-07-21 19:30:32 +01:00
co-authored by Claude Haiku 4.5
parent e716e8256c
commit dc9bceb494
3 changed files with 70 additions and 47 deletions
+10
View File
@@ -0,0 +1,10 @@
export default function LoadingSpinner() {
return (
<div className="flex items-center justify-center py-24">
<div className="relative h-12 w-12">
<div className="absolute inset-0 rounded-full border-4 border-line"></div>
<div className="absolute inset-0 animate-spin rounded-full border-4 border-transparent border-t-ink"></div>
</div>
</div>
);
}