(andri) filter swiper only > 8 desktop

1 files changed, 10 insertions, 2 deletions

diff --git a/src/lib/home/components/MediaNews.jsx b/src/lib/home/components/MediaNews.jsx
index 1c76398f..ec27a51d 100644
--- a/src/lib/home/components/MediaNews.jsx
+++ b/src/lib/home/components/MediaNews.jsx
@@ -40,12 +40,14 @@ const MediaNews = () => {
 
   const preferredMediaData = media.slice(0, 20);
 
+  const shouldUseSlider = isDesktop && preferredMediaData.length > 8;
+
   return (
     <div className="px-4 sm:px-0">
       <div className="flex justify-between items-center mb-4">
         <h1 className="font-semibold text-[14px] sm:text-h-lg">
           <Link href="/shop/media" className="!text-black font-semibold">
-            Media Berita
+            Media Partner
           </Link>
         </h1>
         <Link
@@ -58,7 +60,7 @@ const MediaNews = () => {
 
       {isLoading ? (
         <MediaNewsSkeleton />
-      ) : (
+      ) : shouldUseSlider ? (
         <Swiper {...swiperConfig}>
           {preferredMediaData.map((item) => (
             <SwiperSlide key={item.id}>
@@ -66,6 +68,12 @@ const MediaNews = () => {
             </SwiperSlide>
           ))}
         </Swiper>
+      ) : (
+        <div className="flex flex-wrap justify-center gap-4">
+          {preferredMediaData.map((item) => (
+            <MediaCard key={item.id} media={item} />
+          ))}
+        </div>
       )}
     </div>
   );