summaryrefslogtreecommitdiff
path: root/src/lib/home/components
diff options
context:
space:
mode:
authorit-fixcomart <it@fixcomart.co.id>2025-08-01 09:12:59 +0700
committerit-fixcomart <it@fixcomart.co.id>2025-08-01 09:12:59 +0700
commit280fe4430b8a78df7bffde5b00c2784434ed0e6a (patch)
treea191f9d98f1c6d97b12a9844ee8f28f119e2e737 /src/lib/home/components
parent3f070a917666b5838fb433fa5d5e93d9753eb6fb (diff)
<hafid> export xls&csv
Diffstat (limited to 'src/lib/home/components')
-rw-r--r--src/lib/home/components/MediaBrand.jsx90
1 files changed, 0 insertions, 90 deletions
diff --git a/src/lib/home/components/MediaBrand.jsx b/src/lib/home/components/MediaBrand.jsx
deleted file mode 100644
index b7a30503..00000000
--- a/src/lib/home/components/MediaBrand.jsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import { Swiper, SwiperSlide } from 'swiper/react';
-import { Navigation, Pagination, Autoplay } from 'swiper';
-import { useCallback, useEffect, useState } from 'react';
-import usePreferredBrand from '../hooks/usePreferredBrand';
-import PreferredBrandSkeleton from './Skeleton/PreferredBrandSkeleton';
-import BrandCard from '@/lib/brand/components/BrandCard';
-import useDevice from '@/core/hooks/useDevice';
-import Link from '@/core/components/elements/Link/Link';
-import axios from 'axios';
-
-const PreferredBrand = () => {
- let query = '';
- let params = 'prioritas';
- const [isLoading, setIsLoading] = useState(true);
- const [startWith, setStartWith] = useState(null);
- const [manufactures, setManufactures] = useState([]);
-
- const loadBrand = useCallback(async () => {
- setIsLoading(true);
- const name = startWith ? `${startWith}*` : '';
- const result = await axios(
- `${process.env.NEXT_PUBLIC_SELF_HOST}/api/shop/preferredBrand?rows=20`
- );
- setIsLoading(false);
- setManufactures((manufactures) => [...result.data]);
- }, [startWith]);
-
- const toggleStartWith = (alphabet) => {
- setManufactures([]);
- if (alphabet == startWith) {
- setStartWith(null);
- return;
- }
- setStartWith(alphabet);
- };
-
- useEffect(() => {
- loadBrand();
- }, []);
-
- // const { preferredBrands } = usePreferredBrand(query)
- const { isMobile, isDesktop } = useDevice();
- const swiperBanner = {
- modules: [Navigation, Pagination, Autoplay],
- autoplay: {
- delay: 4000,
- disableOnInteraction: false,
- },
- loop: true,
- className: 'h-[70px] md:h-[100px] w-full',
- slidesPerView: isMobile ? 4 : 8,
- spaceBetween: isMobile ? 12 : 0,
- pagination: {
- dynamicBullets: true,
- dynamicMainBullets: isMobile ? 6 : 8,
- clickable: true,
- },
- };
- const preferredBrandsData = manufactures ? manufactures.slice(0, 20) : [];
- 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/brands' className='!text-black font-semibold'>
- Brand Pilihan
- </Link>
- </h1>
- {isDesktop && (
- <Link href='/shop/brands' className='!text-red-500 font-semibold'>
- Lihat Semua
- </Link>
- )}
- </div>
- <div className=''>
- {manufactures.isLoading && <PreferredBrandSkeleton />}
- {!manufactures.isLoading && (
- <Swiper {...swiperBanner}>
- {preferredBrandsData.map((manufacture) => (
- <SwiperSlide key={manufacture.id}>
- <BrandCard brand={manufacture} />
- </SwiperSlide>
- ))}
- </Swiper>
- )}
- </div>
- </div>
- );
-};
-
-export default PreferredBrand;