Fix: Product-card

Author: Vazzukoff

src/routes/category/components/product-card/index.tsx

@@ -5,8 +5,11 @@ interface ProductCardProps {
   product: Product;
 }
 
+const stickerCategoryId = 3;
+
 export function ProductCard({ product }: ProductCardProps) {
-  const isSticker = product.categoryId === 3;
+  
+  const isSticker = stickerCategoryId;
 
   return (
     <>
@@ -27,13 +30,16 @@ export function ProductCard({ product }: ProductCardProps) {
         <div className="flex grow flex-col gap-2 p-4">
           <h2 className="text-sm font-medium">{product.title}</h2>
           <p className="text-sm text-muted-foreground">{product.description}</p>
-          {isSticker && (
+          {isSticker ? (
             <div className="text-xs text-muted-foreground">
-              <p className="text-base font-semibold text-accent-foreground">Desde</p>
-              <p className="font-medium text-foreground text-base">S/{product.minPrice} - S/{product.maxPrice}p>
+              <p className="text-base font-semibold text-accent-foreground">
+                Desde
+              </p>
+              <p className="font-medium text-foreground text-base">
+                S/{product.minPrice} - S/{product.maxPrice}
+              </p>
             </div>
-          )}
-          {!isSticker && (
+          ) : (
             <p className="mt-auto text-base font-medium">S/{product.price}</p>
           )}
         </div>