From c5838a2873473440ba9b1bea740b714ae1fb2485 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <rafizadanly@gmail.com>
Date: Sat, 19 Nov 2022 11:13:02 +0700
Subject: brand with infinite scroll and fix product card style

---
 src/components/Alert.js       | 4 ++--
 src/components/ProductCard.js | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

(limited to 'src/components')

diff --git a/src/components/Alert.js b/src/components/Alert.js
index 3dddd56e..68fb84b1 100644
--- a/src/components/Alert.js
+++ b/src/components/Alert.js
@@ -2,10 +2,10 @@ const Alert = ({ children, className, type }) => {
   let typeClass = '';
   switch (type) {
     case 'info':
-      typeClass = ' bg-blue-200 text-blue-900 '
+      typeClass = ' bg-blue-100 text-blue-900 '
       break;
     case 'success':
-      typeClass = ' bg-green-200 text-green-900 '
+      typeClass = ' bg-green-100 text-green-900 '
       break;
   }
   return (
diff --git a/src/components/ProductCard.js b/src/components/ProductCard.js
index 23cc0665..af96de28 100644
--- a/src/components/ProductCard.js
+++ b/src/components/ProductCard.js
@@ -10,10 +10,10 @@ export default function ProductCard({ data }) {
   let product = data;
   return (
     <div className="product-card">
-      <Link href={'/shop/product/' + createSlug(product.name, product.id)} className="block relative">
+      <Link href={'/shop/product/' + createSlug(product.name, product.id)} className="block relative bg-white">
         <LazyLoadImage effect="blur" src={product.image ? product.image : '/images/noimage.jpeg'} alt={product.name} className="product-card__image" />
         {product.variant_total > 1 ? (
-          <div className="absolute bottom-2 left-2 badge-yellow">{product.variant_total} Varian</div>
+          <div className="absolute bottom-2 left-2 badge-green">{product.variant_total} Varian</div>
         ) : ''}
       </Link>
       <div className="product-card__description">
-- 
cgit v1.2.3