From 526cb7c62f12eb2d08887b4937c920a8bf23456b Mon Sep 17 00:00:00 2001
From: jyswee <jyswee@gmail.com>
Date: Thu, 23 Jul 2026 22:55:40 +0000
Subject: [PATCH] Seed: ecommerce template (24 files)

---
 src/pages/Account.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/Account.tsx b/src/pages/Account.tsx
index 4c6db9f..3dbb5a0 100644
--- a/src/pages/Account.tsx
+++ b/src/pages/Account.tsx
@@ -85,7 +85,7 @@ export default function AccountPage() {
 
   const renderStars = (count: number) =>
     Array.from({ length: 5 }, (_, i) => (
-      <Star key={i} className={`h-3 w-3 \${i < count ? "fill-amber-400 text-amber-400" : "text-stone-300"}`} />
+      <Star key={i} className={`h-3 w-3 ${i < count ? "fill-amber-400 text-amber-400" : "text-stone-300"}`} />
     ));
 
   return (
@@ -137,9 +137,9 @@ export default function AccountPage() {
                         <TableCell className="font-medium">{order.id}</TableCell>
                         <TableCell className="text-stone-500">{order.date}</TableCell>
                         <TableCell>
-                          <Badge className={`\${order.statusColor} border-0 font-medium`}>{order.status}</Badge>
+                          <Badge className={`${order.statusColor} border-0 font-medium`}>{order.status}</Badge>
                         </TableCell>
-                        <TableCell className="text-right font-medium">\${order.total.toFixed(2)}</TableCell>
+                        <TableCell className="text-right font-medium">${order.total.toFixed(2)}</TableCell>
                         <TableCell className="text-right">
                           <Button variant="ghost" size="sm" className="text-rose-600 hover:text-rose-700">
                             <Eye className="h-4 w-4 mr-1" /> View
@@ -221,7 +221,7 @@ export default function AccountPage() {
             <div className="grid grid-cols-2 md:grid-cols-4 gap-6 stagger">
               {wishlistItems.map((item) => (
                 <Card key={item.id} className="overflow-hidden border-0 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300">
-                  <div className={`aspect-[3/4] bg-gradient-to-br \${item.gradient} flex items-center justify-center text-stone-400 text-xs relative overflow-hidden`}>
+                  <div className={`aspect-[3/4] bg-gradient-to-br ${item.gradient} flex items-center justify-center text-stone-400 text-xs relative overflow-hidden`}>
                     <div className="absolute inset-0" style={{ backgroundImage: "radial-gradient(circle, rgba(0,0,0,0.06) 1px, transparent 1px)", backgroundSize: "16px 16px" }} />
                     <div className="absolute top-1/4 -left-8 h-24 w-24 rounded-full bg-white/30 blur-2xl" />
                     <span className="relative">Image</span>
@@ -229,7 +229,7 @@ export default function AccountPage() {
                   <CardContent className="p-4 space-y-2">
                     <h3 className="font-medium text-sm">{item.name}</h3>
                     <div className="flex items-center gap-0.5">{renderStars(item.rating)}</div>
-                    <p className="font-semibold">\${item.price}</p>
+                    <p className="font-semibold">${item.price}</p>
                     <div className="flex gap-2 pt-1">
                       <Button size="sm" className="flex-1 bg-stone-900 hover:bg-stone-800 text-xs rounded-full">
                         <ShoppingBag className="h-3 w-3 mr-1" /> Add to Cart