fix

2 files changed, 5 insertions, 13 deletions

diff --git a/src/lib/brand/components/Brands.jsx b/src/lib/brand/components/Brands.jsx
index 25fb1c67..c7483e40 100644
--- a/src/lib/brand/components/Brands.jsx
+++ b/src/lib/brand/components/Brands.jsx
@@ -1,9 +1,7 @@
 import odooApi from '@/core/api/odooApi'
-import Spinner from '@/core/components/elements/Spinner/Spinner'
-import DesktopView from '@/core/components/views/DesktopView'
-import MobileView from '@/core/components/views/MobileView'
 import { useCallback, useEffect, useState } from 'react'
 import BrandCard from './BrandCard'
+import LogoSpinner from '@/core/components/elements/Spinner/LogoSpinner'
 
 const Brands = () => {
   const alpha = Array.from(Array(26)).map((e, i) => i + 65)
@@ -41,7 +39,7 @@ const Brands = () => {
     return (
       <>
         <div className='container flex justify-center my-4'>
-          <Spinner className='w-6 text-gray_r-12/50 fill-gray_r-12 md:w-20 md:mt-28' />
+          <LogoSpinner width={48} height={48} />
         </div>
       </>
     )
@@ -68,13 +66,7 @@ const Brands = () => {
 
       <div className='grid grid-cols-4 gap-4 mt-4 md:grid-cols-7 !overflow-x-hidden'>
         {manufactures?.map(
-          (manufacture, index) =>
-            manufacture.name && (
-              <BrandCard
-                brand={manufacture}
-                key={index}
-              />
-            )
+          (manufacture, index) => manufacture.name && <BrandCard brand={manufacture} key={index} />
         )}
       </div>
     </div>
diff --git a/src/lib/product/components/Product/ProductDesktop.jsx b/src/lib/product/components/Product/ProductDesktop.jsx
index 751c0014..f926f171 100644
--- a/src/lib/product/components/Product/ProductDesktop.jsx
+++ b/src/lib/product/components/Product/ProductDesktop.jsx
@@ -170,7 +170,7 @@ const ProductDesktop = ({ product, wishlist, toggleWishlist }) => {
                 Lihat Varian
               </button>
             ) : (
-              <td className='flex gap-x-3 mt-4'>
+              <div className='flex gap-x-3 mt-4'>
                 <input
                   type='number'
                   className='form-input w-16 py-2 text-center bg-gray_r-1'
@@ -191,7 +191,7 @@ const ProductDesktop = ({ product, wishlist, toggleWishlist }) => {
                 >
                   Beli
                 </button>
-              </td>
+              </div>
             )}
 
             <div className='flex mt-4'>