From f7b3c05a27359f1975a0ab2ab66e15262ec21ad8 Mon Sep 17 00:00:00 2001
From: Anang Yusman <anangyusman23@gmail.com>
Date: Tue, 10 Jun 2025 14:53:39 +0800
Subject: [PATCH] feat:fix communication detail

---
 .../communications/questions/[title]/page.tsx |  8 ++---
 .../communication/escalation-detail-form.tsx  | 30 +++++++++++++++++++
 .../escalation-detail-new-form.tsx            |  2 ++
 .../communication/questions-reply-form.tsx    |  1 -
 .../form/ticketing/ticketing-detail-form.tsx  |  1 +
 5 files changed, 37 insertions(+), 5 deletions(-)

diff --git a/app/[locale]/(protected)/supervisor/communications/questions/[title]/page.tsx b/app/[locale]/(protected)/supervisor/communications/questions/[title]/page.tsx
index 6d5d7f86..cb5829c3 100644
--- a/app/[locale]/(protected)/supervisor/communications/questions/[title]/page.tsx
+++ b/app/[locale]/(protected)/supervisor/communications/questions/[title]/page.tsx
@@ -66,7 +66,7 @@ export default function Questions() {
                 <Icon icon="ic:baseline-email" width={22} color="#2563eb" />
                 Email
               </Link>
-              <Link
+              {/* <Link
                 href="/supervisor/communications/questions/facebook"
                 className="flex items-center gap-3"
               >
@@ -89,7 +89,7 @@ export default function Questions() {
                   color="#2563eb"
                 />
                 Instagram
-              </Link>
+              </Link> */}
               <Link
                 href="/supervisor/communications/questions/whatsapp"
                 className="flex items-center gap-3"
@@ -97,13 +97,13 @@ export default function Questions() {
                 <Icon icon="ri:whatsapp-fill" width={24} color="#2563eb" />
                 Whatsapp
               </Link>
-              <Link
+              {/* <Link
                 href="/supervisor/communications/questions/youtube"
                 className="flex items-center gap-3"
               >
                 <Icon icon="mdi:youtube" width={24} color="#2563eb" />
                 Youtube
-              </Link>
+              </Link> */}
               <Link
                 href="/supervisor/communications/questions/inbox"
                 className="flex items-center gap-3"
diff --git a/components/form/communication/escalation-detail-form.tsx b/components/form/communication/escalation-detail-form.tsx
index 4e579615..db62b637 100644
--- a/components/form/communication/escalation-detail-form.tsx
+++ b/components/form/communication/escalation-detail-form.tsx
@@ -31,6 +31,8 @@ import { Icon } from "@iconify/react/dist/iconify.js";
 import { Link } from "@/i18n/routing";
 import { loading } from "@/lib/swal";
 import { id } from "date-fns/locale";
+import { htmlToString } from "@/utils/globals";
+import InfoLainnyaModal from "../ticketing/info-lainnya";
 
 const taskSchema = z.object({
   title: z.string().min(1, { message: "Judul diperlukan" }),
@@ -63,6 +65,7 @@ export default function FormDetailEscalation() {
   const [listDiscussion, setListDiscussion] = useState();
   const [message, setMessage] = useState("");
   const [selectedPriority, setSelectedPriority] = useState("");
+  const [openEmergencyModal, setOpenEmergencyModal] = useState(false);
   const [replyMessage, setReplyMessage] = useState("");
   const [replies, setReplies] = useState([
     {
@@ -136,6 +139,10 @@ export default function FormDetailEscalation() {
     setReplyMessage("");
   };
 
+  const openEmergencyIssueDetail = () => {
+    setOpenEmergencyModal(true);
+  };
+
   return (
     <div>
       <div className="flex">
@@ -179,6 +186,29 @@ export default function FormDetailEscalation() {
                 </div>
               </div>
               <p className="p-5 bg-white">{detail.message}</p>
+              <div className="px-4 py-1 bg-white text-sm">
+                {detail?.typeId === 6 && detail?.emergencyIssue ? (
+                  <div className="row mx-0 mb-3 emergency-attachments">
+                    <div className=" mr-4">
+                      <Button
+                        color="primary"
+                        size="md"
+                        onClick={openEmergencyIssueDetail}
+                      >
+                        Info Lainnya
+                      </Button>
+                    </div>
+                  </div>
+                ) : null}
+
+                {detail?.emergencyIssue && (
+                  <InfoLainnyaModal
+                    open={openEmergencyModal}
+                    onClose={() => setOpenEmergencyModal(false)}
+                    data={detail.emergencyIssue}
+                  />
+                )}
+              </div>
             </div>
           )}
         </div>
diff --git a/components/form/communication/escalation-detail-new-form.tsx b/components/form/communication/escalation-detail-new-form.tsx
index 3b94a704..bc4b001b 100644
--- a/components/form/communication/escalation-detail-new-form.tsx
+++ b/components/form/communication/escalation-detail-new-form.tsx
@@ -45,6 +45,8 @@ import {
 import { ChevronDownIcon } from "lucide-react";
 import { getOperatorUser } from "@/service/management-user/management-user";
 import { getCookiesDecrypt } from "@/lib/utils";
+import { htmlToString } from "@/utils/globals";
+import InfoLainnyaModal from "../ticketing/info-lainnya";
 
 const taskSchema = z.object({
   title: z.string().min(1, { message: "Judul diperlukan" }),
diff --git a/components/form/communication/questions-reply-form.tsx b/components/form/communication/questions-reply-form.tsx
index 9e48ff40..b684de96 100644
--- a/components/form/communication/questions-reply-form.tsx
+++ b/components/form/communication/questions-reply-form.tsx
@@ -603,7 +603,6 @@ export default function FormQuestionsReply() {
                                 );
                               }
                             }}
-                            disabled
                           />
                           <span>{op.label}</span>
                         </label>
diff --git a/components/form/ticketing/ticketing-detail-form.tsx b/components/form/ticketing/ticketing-detail-form.tsx
index 81c02ec4..a3d25740 100644
--- a/components/form/ticketing/ticketing-detail-form.tsx
+++ b/components/form/ticketing/ticketing-detail-form.tsx
@@ -588,6 +588,7 @@ export default function FormDetailTicketing() {
                         <input
                           type="checkbox"
                           checked={selectedOperator.includes(op.value)}
+                          disabled
                           onChange={(e) => {
                             if (e.target.checked) {
                               setSelectedOperator((prev) => [