feat:update all

src/components/page/prescription/DetailPrescription/DetailPrescription.tsx

@@ -5,13 +5,18 @@ import { httpRequest } from "@/services";
 import prescriptionServices, {
   PrescriptionDetail,
 } from "@/services/prescriptionServices";
+import consultationServices, {
+  ConsultationItem,
+} from "@/services/consultationServices";
 import { useQuery } from "@tanstack/react-query";
 import Image from "next/image";
-import { useParams } from "next/navigation";
+import { useParams, useRouter } from "next/navigation";
 import React, { useState } from "react";
 import CustomPopup from "@/components/customs/custom-popup";
+import { ArrowLeft } from "lucide-react";
 
 const DetailPrescription = () => {
+  const router = useRouter();
   const params = useParams();
   const PrescriptionId = params?.id as string;
   const [openImagePreview, setOpenImagePreview] = useState(false);
@@ -31,7 +36,7 @@ const DetailPrescription = () => {
       return (
         res || {
           id: "",
-          examinationSessionId: "",
+          examinationSessionSpecialtyId: "",
           prescriptionCode: "",
           prescriptionImg: null,
           notes: "",
@@ -44,9 +49,46 @@ const DetailPrescription = () => {
 
   const data = prescriptionDetailQuery.data;
 
+  const specialtyListQuery = useQuery<ConsultationItem[]>({
+    queryKey: [QUERY_KEY.examination_specialty_list],
+    enabled: !!data?.examinationSessionSpecialtyId,
+    queryFn: async () => {
+      const res = await httpRequest<{
+        items: ConsultationItem[];
+      }>({
+        showMessageFailed: false,
+        http: consultationServices.getConsultations({ PageSize: 1000 }),
+      });
+
+      return res?.items || [];
+    },
+  });
+
+  const specialtyName = React.useMemo(() => {
+    const specialtyId = data?.examinationSessionSpecialtyId;
+    if (!specialtyId) return "";
+
+    const items = specialtyListQuery.data || [];
+    for (const session of items) {
+      const found = session.specialtyClinics?.find((s) => s.id === specialtyId);
+      if (found) return found.specialtyName || "";
+    }
+
+    return "";
+  }, [data?.examinationSessionSpecialtyId, specialtyListQuery.data]);
+
   return (
     <div className="p-6 bg-white rounded-lg shadow">
-      <h1 className="text-xl font-semibold mb-4">Chi tiết đơn thuốc</h1>
+      <div
+        className="flex items-center gap-1 cursor-pointer"
+        onClick={() => router.back()}
+      >
+        <ArrowLeft />
+
+        <h2 className="text-xl font-semibold text-[#111827]">
+          Chi tiết đơn thuốc
+        </h2>
+      </div>
 
       {/* LOADING */}
       {prescriptionDetailQuery.isLoading && <p>Đang tải...</p>}
@@ -64,11 +106,12 @@ const DetailPrescription = () => {
           </div>
 
           <div>
-            <strong>Id phiên khám:</strong> {data.examinationSessionId}
+            <strong>Chuyên khoa:</strong>{" "}
+            {specialtyName || data.examinationSessionSpecialtyId || "---"}
           </div>
 
           <div>
-            <strong>Ghi chú:</strong> {data.notes || "-"}
+            <strong>Ghi chú:</strong> {data.notes || "---"}
           </div>
 
           {/* IMAGE */}