add loading all page & change bugs

2024-09-05 22:20:18 +03:30
parent 087ed4a818
commit c45a161fcb
72 changed files with 1208 additions and 661 deletions
@@ -2,16 +2,17 @@ import doctors from '@/data/doctors.json'
 import Pagination from '@/app/component/Pagination';
 import ItemDoctor from '@/app/component/ItemDoctor';

-function ListDoctors() {
+function ListDoctors({ loading }) {
    return (
        <>
            <ul className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 mt-[24px] sm:mt-[37px] md:mt-[50px] lg:mt-[64px] gap-[24px]">
-                {doctors.map(doctor => (
+                {doctors.map(doctor =>
                    <ItemDoctor
                        key={doctor.id}
                        doctor={doctor}
+                        loading={loading}
                    />
-                ))}
+                )}
            </ul>
            <div className='mt-[56px] flex justify-center'>
                <Pagination />