prettier

1 files changed, 14 insertions, 18 deletions

diff --git a/src/lib/home/components/PreferredBrand.jsx b/src/lib/home/components/PreferredBrand.jsx
index 3d3b1b69..de377031 100644
--- a/src/lib/home/components/PreferredBrand.jsx
+++ b/src/lib/home/components/PreferredBrand.jsx
@@ -1,30 +1,26 @@
-import { Swiper, SwiperSlide } from "swiper/react"
-import usePreferredBrand from "../hooks/usePreferredBrand"
-import PreferredBrandSkeleton from "./Skeleton/PreferredBrandSkeleton"
-import BrandCard from "@/lib/brand/components/BrandCard"
+import { Swiper, SwiperSlide } from 'swiper/react'
+import usePreferredBrand from '../hooks/usePreferredBrand'
+import PreferredBrandSkeleton from './Skeleton/PreferredBrandSkeleton'
+import BrandCard from '@/lib/brand/components/BrandCard'
 
 const PreferredBrand = () => {
   const { preferredBrands } = usePreferredBrand()
-  
+
   return (
-    <div className="px-4">
-      <div className="font-medium mb-4">Brand Pilihan</div>
-      { preferredBrands.isLoading && <PreferredBrandSkeleton /> }
-      { !preferredBrands.isLoading && (
-        <Swiper 
-          slidesPerView={3.5} 
-          spaceBetween={8}
-          freeMode 
-        >
-          { preferredBrands.data?.manufactures.map((brand) => (
+    <div className='px-4'>
+      <div className='font-medium mb-4'>Brand Pilihan</div>
+      {preferredBrands.isLoading && <PreferredBrandSkeleton />}
+      {!preferredBrands.isLoading && (
+        <Swiper slidesPerView={3.5} spaceBetween={8} freeMode>
+          {preferredBrands.data?.manufactures.map((brand) => (
             <SwiperSlide key={brand.id}>
               <BrandCard brand={brand} />
             </SwiperSlide>
-          )) }
+          ))}
         </Swiper>
-      ) }
+      )}
     </div>
   )
 }
 
-export default PreferredBrand
\ No newline at end of file
+export default PreferredBrand