diff options
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/brand/components/Brands.jsx | 14 | ||||
| -rw-r--r-- | src/lib/product/components/Product/ProductDesktop.jsx | 4 |
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'> |