change design and data list in doctor-item & handle component appointment in doctor-item & handle functionality date-picker & fix bug appointment page & add req get appointment list

2025-07-09 03:05:48 +03:30
parent f951128074
commit c6e2657e45
57 changed files with 442 additions and 445 deletions
@@ -0,0 +1,35 @@
+import Image from "next/image";
+
+function Head({ doctor }) {
+  return (
+    <div
+      className="
+            flex items-center justify-start 
+            gap-[8px] sm:gap-[11px] md:gap-[14px] lg:gap-[16px] 
+            mt-[8px] sm:mt-[13px] md:mt-[19px] lg:mt-[24px]
+            mb-[12px] sm:mb-[19px] md:mb-[25px] lg:lg:mb-[32px]
+        "
+    >
+      <Image
+        className="
+                    w-[40px] sm:w-[58px] md:w-[77px] lg:w-[95px]
+                    h-[40px] sm:h-[58px] md:h-[77px] lg:h-[95px]
+                "
+        alt="profile doctor"
+        src={doctor.img}
+        height={95}
+        width={95}
+      />
+      <div className="flex flex-col items-start justify-center gap-[8px] sm:gap-[12px] md:gap-[16px] lg:gap-[20px]">
+        <p className="text-[#3B3B3B] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-bold">
+          {doctor.name}
+        </p>
+        <p className="text-[#616161] text-[14px] md:text-[16px] font-medium">
+          تخصص: {doctor.expertise}
+        </p>
+      </div>
+    </div>
+  );
+}
+
+export default Head;