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 LocationD from "../icons/LocationD"
-import SearchBar from "./search"
+import { Button } from "@mui/material";
+import LocationD from "../icons/LocationD";
+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>