Merged in perapihan-tag (pull request #331)

Perapihan tag

Approved-by: trisusilo

1 files changed, 16 insertions, 12 deletions

diff --git a/src/lib/brand/components/BrandCard.jsx b/src/lib/brand/components/BrandCard.jsx
index 2d78d956..ebd41a67 100644
--- a/src/lib/brand/components/BrandCard.jsx
+++ b/src/lib/brand/components/BrandCard.jsx
@@ -1,10 +1,10 @@
-import Image from '~/components/ui/image'
-import Link from '@/core/components/elements/Link/Link'
-import useDevice from '@/core/hooks/useDevice'
-import { createSlug } from '@/core/utils/slug'
+import NextImage from 'next/image';
+import Link from '@/core/components/elements/Link/Link';
+import useDevice from '@/core/hooks/useDevice';
+import { createSlug } from '@/core/utils/slug';
 
 const BrandCard = ({ brand }) => {
-  const { isMobile } = useDevice()
+  const { isMobile } = useDevice();
   return (
     <Link
       href={createSlug('/shop/brands/', brand.name, brand.id)}
@@ -13,21 +13,25 @@ const BrandCard = ({ brand }) => {
       }`}
     >
       {brand.logo && (
-        <Image
+        <NextImage
           src={brand.logo}
           alt={brand.name}
-          width={50}
-          height={50}
+          width={500}
+          height={500}
+          quality={85}
           className='h-full w-[122px] object-contain object-center'
         />
       )}
       {!brand.logo && (
-        <span className='text-center' style={{ fontSize: `${16 - brand.name.length * 0.5}px` }}>
+        <span
+          className='text-center'
+          style={{ fontSize: `${16 - brand.name.length * 0.5}px` }}
+        >
           {brand.name}
         </span>
       )}
     </Link>
-  )
-}
+  );
+};
 
-export default BrandCard
+export default BrandCard;