31 lines
1.2 KiB
JavaScript
31 lines
1.2 KiB
JavaScript
import specialties from '@/data/specialties.json';
|
|
import ItemSpecialties from './ItemSpecialties';
|
|
import MenuS from '@/components/icons/MenuS';
|
|
import Pagination from '@/app/component/Pagination';
|
|
|
|
function List({ loading }) {
|
|
return (
|
|
<div className='bg-[#FAFAFA]'>
|
|
<div className='flex items-center justify-center gap-[12px] pt-[24px] mb-[40px]'>
|
|
<MenuS />
|
|
<p className='text-[#3B3B3B] text-[16px] sm:text-[19px] md:text-[22px] lg:text-[24px] font-bold'>لیست تخصص ها</p>
|
|
</div>
|
|
<ul className="padding-responsive grid grid-cols-2 sm:grid-cols-3 mg:grid-cols-4 lg:grid-cols-6
|
|
gap-x-[16px] md:gap-x-[20px] lg:gap-x-[24px]
|
|
gap-y-[16px] sm:gap-y-[24px] md:gap-y-[32px] lg:gap-y-[40px]">
|
|
{specialties.map(speciality => (
|
|
<ItemSpecialties
|
|
loading={loading}
|
|
data={speciality}
|
|
key={speciality.id}
|
|
/>
|
|
))}
|
|
</ul>
|
|
<div className='mt-[48px] flex justify-center'>
|
|
<Pagination />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default List; |