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,19 @@
+function Address({ doctor }) {
+  return (
+    <ul className="hidden mt-[4px] lg:flex flex-col">
+      {doctor?.address?.map((item, idx) => (
+        <li key={idx}>
+          <div className="flex py-[12px] text-[#616161] text-[14px] items-start justify-start">
+            <p className="font-bold min-w-[115px]">{`${item.name}: `}</p>
+            <p className="font-normal">{item.location}</p>
+          </div>
+          {doctor.address.length > idx + 1 && (
+            <span className="bg-[#EFEFEF] block h-px w-full"></span>
+          )}
+        </li>
+      ))}
+    </ul>
+  );
+}
+
+export default Address;
@@ -0,0 +1,28 @@
+import Image from "next/image";
+
+function Head({ doctor }) {
+  return (
+    <div className="flex items-center justify-start gap-[12px]">
+      <Image
+        className="
+                    w-[48px] sm:w-[51px] md:w-[54px] lg:w-[56px]
+                    h-[48px] sm:h-[51px] md:h-[54px] lg:h-[56px]
+                "
+        src={doctor?.img}
+        alt="profile"
+        height={56}
+        width={56}
+      />
+      <div className="flex flex-col items-start justify-start gap-[8px]">
+        <h2 className="text-[#3B3B3B] text-[12px] md:text-[14px] font-bold">
+          {doctor?.name}
+        </h2>
+        <h3 className="text-[#525252] text-[12px] md:text-[14px] font-medium">
+          تخصص: {doctor?.expertise}
+        </h3>
+      </div>
+    </div>
+  );
+}
+
+export default Head;
@@ -0,0 +1,19 @@
+import Address from "./Address";
+import Head from "./Head";
+
+function Location({ doctor }) {
+  return (
+    <div className="h-fit lg:h-screen w-full lg:w-[39%]">
+      <div
+        className="p-0 lg:p-[16px] sticky rounded-[8px] bg-transparent lg:bg-[#FFF] border border-solid border-transparent lg:border-[#EFEFEF]
+                top-[calc(12px_+_75px_+_32px)] sm:top-[calc(21px_+_75px_+_45px)] md:top-[calc(30px_+_75px_+_58px)] lg:top-[calc(40px_+_75px_+_78px)]"
+      >
+        <Head doctor={doctor} />
+        <span className="block bg-[#EFEFEF] lg:bg-transparent w-full h-px lg:my-[6px] mt-[16px]"></span>
+        <Address doctor={doctor} />
+      </div>
+    </div>
+  );
+}
+
+export default Location;