From cd5feb3a98f92c5973af0ce79f5fc7adcfdc1b20 Mon Sep 17 00:00:00 2001
From: masongga <auckmason@gmail.com>
Date: Sun, 24 May 2026 00:34:18 -0600
Subject: [PATCH] added 'empty' message to shop when nothing is there

---
 components/shop/shop-content.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/components/shop/shop-content.tsx b/components/shop/shop-content.tsx
index 5691a01..0c93a84 100644
--- a/components/shop/shop-content.tsx
+++ b/components/shop/shop-content.tsx
@@ -132,6 +132,17 @@ export function ShopContent() {
 
       {error ? <p className="mb-4 text-sm text-red-500">{error}</p> : null}
 
+      {!error && coins !== null && groupedItems.length === 0 ? (
+        <Card>
+          <CardContent className="pt-6">
+            <p className="text-sm text-muted-foreground">
+              Nothing in the shop right now. Keep completing habits and daily
+              check-ins to earn points for when new styles arrive.
+            </p>
+          </CardContent>
+        </Card>
+      ) : null}
+
       <div className="grid gap-6">
         {groupedItems.map((group) => (
           <section key={group.layerId} className="grid gap-3">