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

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

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

  return (
    <div className='flex flex-col gap-y-10'>
      {categoryHomeIds.data?.map((id) => (
        <LazyLoadComponent key={id}>
          <CategoryHome id={id} />
        </LazyLoadComponent>
      ))}
    </div>
  )
}

export default CategoryHomeId