From 81121ad7d76c00b8ea149e6ce9a539d2cf5a54e0 Mon Sep 17 00:00:00 2001
From: hamed <15238-genius.ha@users.noreply.drupalcode.org>
Date: Mon, 15 Jun 2026 15:47:21 +0330
Subject: [PATCH] fix(appointment): convert picker timestamp to date and fix
 summary panel

Follow-ups found while sweeping for stale shapes:
- The date picker emits a unix timestamp, but appointment-slots needs
  Y-m-d; convert with moment before calling (slots never loaded before).
- Appointment summary (information/Detail.js) used the auth-required
  getDoctorAddress and selectedSlot.time; derive the address from the
  loaded doctor.address by location_id and use selectedSlot.start_time.
- SendAppo: drop the dead postAppointment block, unused useParams/loading,
  and a duplicate disabled prop on the button.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 app/component/date/dateTime/SendAppo.js      | 20 --------------
 app/component/date/dateTime/index.js         |  4 ++-
 components/appointment/information/Detail.js | 28 ++++----------------
 3 files changed, 8 insertions(+), 44 deletions(-)

diff --git a/app/component/date/dateTime/SendAppo.js b/app/component/date/dateTime/SendAppo.js
index 0252413..734caf9 100644
--- a/app/component/date/dateTime/SendAppo.js
+++ b/app/component/date/dateTime/SendAppo.js
@@ -1,14 +1,8 @@
 import ArrowLeftB from "@/components/icons/ArrowLeftB";
 import { Button } from "@mui/material";
 import Cookies from "js-cookie";
-import { useParams } from "next/navigation";
-import { useState } from "react";
 
 function SendAppo({ hour, setStep, setSelectedSlot, date, setSelectedDate }) {
-  const params = useParams();
-  const doctorId = params.doctorId;
-  const [loading, setLoading] = useState(false);
-
   const sendReq = () => {
     const isLogged = Cookies.get("access_token");
 
@@ -25,19 +19,6 @@ function SendAppo({ hour, setStep, setSelectedSlot, date, setSelectedDate }) {
       // اگر لاگین نکرده، به مرحله 1 (Login) می‌رود
       setStep(1);
     }
-
-    // setLoading(true);
-    // request
-    //   .postAppointment({
-    //     doctor_id: doctorId,
-    //     slot: hour,
-    //   })
-    //   .then(() => {
-    //     setLoading(false);
-    //   })
-    //   .catch(() => {
-    //     //
-    //   });
   };
 
   return (
@@ -45,7 +26,6 @@ function SendAppo({ hour, setStep, setSelectedSlot, date, setSelectedDate }) {
       <Button
         className="!gap-[4px] !text-[16px] !font-medium !shadow-none !px-[12px] !py-[8px] md:!py-[9px] !w-full md:!w-fit !min-w-[157px]"
         variant="contained"
-        disabled={loading}
         onClick={sendReq}
         disabled={!hour}
       >
diff --git a/app/component/date/dateTime/index.js b/app/component/date/dateTime/index.js
index 83a45d3..a7ee7e7 100644
--- a/app/component/date/dateTime/index.js
+++ b/app/component/date/dateTime/index.js
@@ -1,6 +1,7 @@
 "use client";
 
 import { useEffect, useState } from "react";
+import moment from "moment-jalaali";
 import Hours from "./hours";
 import Tabs from "../../Tabs";
 import { request } from "@/services/response";
@@ -28,8 +29,9 @@ function DateTime({ date, doctor, setStep, setSelectedSlot, setSelectedDate }) {
     if (date && doctor?.uuid) {
       setAppo("loading");
       setHour();
+      const dateStr = moment.unix(date).format("YYYY-MM-DD");
       request
-        .getAppointmentSlots(doctor.uuid, date)
+        .getAppointmentSlots(doctor.uuid, dateStr)
         .then((res) => {
           const slots = adaptSlots(res);
           setAppo(slots);
diff --git a/components/appointment/information/Detail.js b/components/appointment/information/Detail.js
index 10b237b..cd2a4a2 100644
--- a/components/appointment/information/Detail.js
+++ b/components/appointment/information/Detail.js
@@ -7,30 +7,12 @@ import LocationA from "@/components/icons/LocationA";
 import TickCircleOrange from "@/components/icons/TickCircleOrange";
 import { Button } from "@mui/material";
 import moment from "moment-jalaali";
-import { useEffect, useState } from "react";
-import { request } from "@/services/response";
 
 function Detail({ doctor, step, setStep, selectedSlot, selectedDate }) {
-  const [address, setAddress] = useState("آدرس موجود نیست");
-
-  // دریافت آدرس بر اساس location_id از اسلات انتخاب شده
-  useEffect(() => {
-    if (selectedSlot?.location_id) {
-      request
-        .getDoctorAddress(selectedSlot.location_id)
-        .then((res) => {
-          if (res?.address) {
-            setAddress(res.address);
-          }
-        })
-        .catch((err) => {
-          console.error("Error fetching address:", err);
-        });
-    } else if (doctor?.address?.[0]?.address) {
-      // اگر اسلات location_id نداشت، از آدرس دکتر استفاده کن
-      setAddress(doctor.address[0].address);
-    }
-  }, [selectedSlot, doctor]);
+  const matchedAddress = selectedSlot?.location_id
+    ? doctor?.address?.find((a) => String(a.id) === String(selectedSlot.location_id))?.address
+    : doctor?.address?.[0]?.address;
+  const address = matchedAddress || "آدرس موجود نیست";
 
   // فرمت کردن تاریخ به شمسی
   const formattedDate = selectedDate
@@ -38,7 +20,7 @@ function Detail({ doctor, step, setStep, selectedSlot, selectedDate }) {
     : "تاریخ انتخاب نشده";
 
   // فرمت کردن زمان
-  const formattedTime = selectedSlot?.time || "زمان انتخاب نشده";
+  const formattedTime = selectedSlot?.start_time || "زمان انتخاب نشده";
 
   return (
     <div className="">