list doctors

components/doctors/ListDoctors.js

@@ -0,0 +1,11 @@
+function ListDoctors() {
+    return (
+        <div>
+            <ul className="grid">
+
+            </ul>
+        </div>
+    )
+}
+
+export default ListDoctors

components/doctors/index.js

@@ -1,6 +1,7 @@
-import { Button } from "@mui/material"
+import { Button } from "@mui/material";
-import LocationD from "../icons/LocationD"
+import LocationD from "../icons/LocationD";
-import SearchBar from "./search"
+import SearchBar from "./search";
+import ListDoctors from "./ListDoctors";
 
 function DoctorsPage() {
     return (
@@ -15,6 +16,7 @@ function DoctorsPage() {
                     <Button>تست</Button>
                 </div>
             </div>
+            <ListDoctors />
         </div>
     )
 }

components/doctors/search/index.js

@@ -11,7 +11,7 @@ function SearchBar() {
             className="!bg-[#FFF] !rounded-lg !overflow-hidden flex items-center !h-[64px] !shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]"
         >
             <Button
-                className="!border-none !h-[64px] !px-2 !bg-[#F8F8FF]"
+                className="!border-none !h-[64px] !px-2 !bg-[#F8F8FF] !rounded-l-none"
                 variant="contained"
                 color="secondary"
             >
@@ -41,7 +41,9 @@ function SearchBar() {
                 dir='rtl'
                 className={`!shadow-none !px-5 !h-full !w-[524px] bg-[#FAFAFA] !text-[14px] md:!text-[16px] !min-w-[50%] !rounded-0 !font-normal !text-[#6C757D]`}
             />
-            <Button className="!rounded-[4px] !ml-1 !w-[56px] !h-[56px] !gap-2.5 !p-4">
+            <Button
+                className="!rounded-[4px] !ml-1 !w-[56px] !h-[56px] !gap-2.5 !p-4"
+            >
                 <SearchD />
             </Button>
         </ButtonGroup>

data/doctors.json

@@ -0,0 +1,482 @@
+[
+    {
+        "id": 1,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 2,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 3,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 4,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": false
+    },
+    {
+        "id": 5,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 6,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 7,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 8,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 9,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": false
+    },
+    {
+        "id": 10,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 11,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": false
+    },
+    {
+        "id": 12,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 13,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 14,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 15,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 16,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": false
+    },
+    {
+        "id": 17,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 18,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 19,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 20,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 21,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": false
+    },
+    {
+        "id": 22,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 23,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": false
+    },
+    {
+        "id": 24,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 25,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 26,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 27,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 28,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": false
+    },
+    {
+        "id": 29,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 30,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 31,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 32,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 33,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": false
+    },
+    {
+        "id": 34,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 35,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": false
+    },
+    {
+        "id": 36,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 37,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 38,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 39,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 40,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": false
+    },
+    {
+        "id": 41,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 42,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 43,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 44,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 45,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": false
+    },
+    {
+        "id": 46,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    },
+    {
+        "id": 47,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": false
+    },
+    {
+        "id": 48,
+        "name": "دکتر مهران امینی",
+        "img": "/assets/images/doctor.png",
+        "expertise": "چشم پزشکی",
+        "satisfaction": "۸۷",
+        "point": "۴.۵",
+        "hours_of_work": "شنبه تا سه شنبه ساعت ۱۶ تا ۲۲",
+        "free_turn": "یکشنبه ۲۴ اردیبهشت"
+    }
+]