src/lib/home/components/CategoryHomeId.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import { LazyLoadComponent } from 'react-lazy-load-image-component';
import useCategoryHomeId from '../hooks/useCategoryHomeId';
import CategoryHome from './CategoryHome';

const CategoryHomeId = () => {
  const { categoryHomeIds } = useCategoryHomeId();

  return (
    <div>
      <h1 className='font-semibold text-[14px] sm:text-h-lg mb-6 px-4 sm:px-0'>
        Kategori Pilihan
      </h1>
      <div className='flex flex-col gap-y-10'>
        {categoryHomeIds.data?.map((id) => (
          <LazyLoadComponent key={id}>
            <CategoryHome id={id} />
          </LazyLoadComponent>
        ))}
      </div>
    </div>
  );
};

export default CategoryHomeId;