feat:fix komunikasi,indeks

app/[locale]/(protected)/contributor/blog/detail/[id]/page.tsx

@@ -1,13 +1,12 @@
 import SiteBreadcrumb from "@/components/site-breadcrumb";
 import FormBlogDetail from "@/components/form/blog/blog--detail-form";
-import FormSurveyDetailPage from "@/components/form/survey/survey-detail";
 
 const BlogDetailPage = async () => {
   return (
     <div>
       <SiteBreadcrumb />
       <div className="space-y-4">
-        <FormSurveyDetailPage />
+        <FormBlogDetail />
       </div>
     </div>
   );

components/form/blog/blog--detail-form.tsx

@@ -303,7 +303,7 @@ export default function FormBlogDetail() {
             </div>
           </Card>
           <div className="w-full lg:w-4/12">
-            <Card className=" h-[650px]">
+            <Card className=" h-[650px] px-3 py-3">
               <div className="px-3 py-3">
                 <Label htmlFor="fileInput">Gambar Utama</Label>
                 <Input

components/form/blog/blog--update-form.tsx

@@ -1,6 +1,6 @@
 "use client";
 import React, { ChangeEvent, useEffect, useRef, useState } from "react";
-import { useForm, Controller } from "react-hook-form";
+import { useForm, Controller, useWatch } from "react-hook-form";
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
 import { Label } from "@/components/ui/label";
@@ -133,6 +133,19 @@ export default function FormBlogUpdate() {
     setSelectedFiles((prevImages) => prevImages.filter((_, i) => i !== index));
   };
 
+  const titleValue = useWatch({ control, name: "title" });
+
+  useEffect(() => {
+    if (titleValue) {
+      const slugified = titleValue
+        .toLowerCase()
+        .trim()
+        .replace(/\s+/g, "-")
+        .replace(/[^\w-]+/g, ""); // optional: hapus karakter non-alfanumerik
+      setValue("slug", slugified);
+    }
+  }, [titleValue, setValue]);
+
   useEffect(() => {
     async function initState() {
       if (id) {
@@ -323,7 +336,7 @@ export default function FormBlogUpdate() {
                         <Input
                           size="md"
                           type="text"
-                          defaultValue={detail?.slug}
+                          defaultValue={detail?.slug || field?.value}
                           onChange={field.onChange}
                           placeholder="Enter Slug"
                         />
@@ -363,7 +376,7 @@ export default function FormBlogUpdate() {
             </div>
           </Card>
           <div className="w-full lg:w-4/12">
-            <Card className="h-[600px] sm:h-[850px] lg:h-[700px]">
+            <Card className="h-[600px] sm:h-[850px] lg:h-[700px] px-3 py-3">
               <div className="px-3 py-3">
                 <Label htmlFor="fileInput">Gambar Utama</Label>
                 <input

components/form/blog/blog-form.tsx

@@ -1,6 +1,6 @@
 "use client";
 import React, { ChangeEvent, useEffect, useRef, useState } from "react";
-import { useForm, Controller } from "react-hook-form";
+import { useForm, Controller, useWatch } from "react-hook-form";
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
 import { Label } from "@/components/ui/label";
@@ -130,6 +130,19 @@ export default function FormBlog() {
     setSelectedFiles((prevImages) => prevImages.filter((_, i) => i !== index));
   };
 
+  const titleValue = useWatch({ control, name: "title" });
+
+  useEffect(() => {
+    if (titleValue) {
+      const slugified = titleValue
+        .toLowerCase()
+        .trim()
+        .replace(/\s+/g, "-")
+        .replace(/[^\w-]+/g, ""); // optional: hapus karakter non-alfanumerik
+      setValue("slug", slugified);
+    }
+  }, [titleValue, setValue]);
+
   // useEffect(() => {
   //   async function initState() {
   //     getCategories();
@@ -359,8 +372,8 @@ export default function FormBlog() {
           </div>
         </Card>
         <div className="w-full lg:w-4/12">
-          <Card className=" h-[600px]">
+          <Card className=" h-[600px] px-3 py-3">
-            <div className="px-3 py-3">
+            <div className="px-3 py-3 flex flex-col">
               <label htmlFor="fileInput">Gambar Utama</label>
               <input id="fileInput" type="file" onChange={handleImageChange} />
             </div>

components/form/communication/escalation-detail-form.tsx

@@ -20,10 +20,12 @@ import {
 } from "@/components/ui/select";
 import { Avatar, AvatarImage } from "@/components/ui/avatar";
 import {
+  deleteEscalationDiscussion,
   getEscalationDiscussion,
   getTicketingDetail,
   getTicketingInternalDetail,
   getTicketingInternalDiscussion,
+  saveEscalationDiscussion,
   saveTicketInternalReply,
 } from "@/service/communication/communication";
 import { Textarea } from "@/components/ui/textarea";
@@ -33,6 +35,7 @@ import { loading } from "@/lib/swal";
 import { id } from "date-fns/locale";
 import { htmlToString } from "@/utils/globals";
 import InfoLainnyaModal from "../ticketing/info-lainnya";
+import { PlusIcon } from "lucide-react";
 
 const taskSchema = z.object({
   title: z.string().min(1, { message: "Judul diperlukan" }),
@@ -62,25 +65,12 @@ export default function FormDetailEscalation() {
   const [detail, setDetail] = useState<any>();
   const [ticketReply, setTicketReply] = useState<replyDetail[]>([]);
   const [replyVisible, setReplyVisible] = useState(false);
-  const [listDiscussion, setListDiscussion] = useState();
+  const [activeReplyId, setActiveReplyId] = useState<number | null>(null);
-  const [message, setMessage] = useState("");
   const [selectedPriority, setSelectedPriority] = useState("");
   const [openEmergencyModal, setOpenEmergencyModal] = useState(false);
   const [replyMessage, setReplyMessage] = useState("");
-  const [replies, setReplies] = useState([
+  const [listDiscussion, setListDiscussion] = useState([]);
-    {
+  const [message, setMessage] = useState("");
-      id: 1,
-      name: "Mabes Polri - Approver",
-      message: "test",
-      timestamp: "2024-12-20 00:56:10",
-    },
-    {
-      id: 2,
-      name: "Mabes Polri - Approver",
-      message: "balas",
-      timestamp: "2025-01-18 17:42:48",
-    },
-  ]);
 
   const {
     control,
@@ -109,40 +99,75 @@ export default function FormDetailEscalation() {
   }
 
   const handleReply = () => {
-    setReplyVisible((prev) => !prev); // Toggle visibility
+    setReplyVisible((prev) => !prev);
   };
-  // useEffect(() => {
-  //   async function initState() {
-  //     if (id != undefined) {
-  //       loading();
-  //       const responseGet = await getEscalationDiscussion(id);
-  //       close();
 
-  //       console.log("escal data", responseGet?.data);
+  useEffect(() => {
-  //       setListDiscussion(responseGet?.data?.data);
+    const fetchDiscussion = async () => {
-  //     }
+      const response = await getEscalationDiscussion(id);
-  //   }
+      setListDiscussion(response?.data?.data || []);
-  //   initState();
-  // }, [id]);
-
-  const handleSendReply = () => {
-    if (replyMessage.trim() === "") return;
-
-    const newReply = {
-      id: replies.length + 1,
-      name: "Mabes Polri - Approver", // Sesuaikan dengan data dinamis jika ada
-      message: replyMessage,
-      timestamp: new Date().toISOString().slice(0, 19).replace("T", " "),
     };
 
-    setReplies([...replies, newReply]);
+    fetchDiscussion();
-    setReplyMessage("");
+  }, []);
+
+  const postData = async () => {
+    if (!message.trim()) return;
+
+    const payload = {
+      ticketId: id,
+      message,
+      parentId: null,
+    };
+
+    try {
+      await saveEscalationDiscussion(payload);
+      setMessage("");
+
+      const response = await getEscalationDiscussion(id);
+      setListDiscussion(response?.data?.data || []);
+    } catch (error) {
+      console.error("Gagal mengirim tanggapan:", error);
+    }
+  };
+
+  const postDataChild = async (parentId: any) => {
+    const textarea = document.getElementById(
+      `input-comment-${parentId}`
+    ) as HTMLTextAreaElement | null;
+    const replyMessage = textarea?.value;
+
+    if (!replyMessage?.trim()) return;
+
+    const payload = {
+      ticketId: Number(id),
+      parentMessageId: parentId,
+      message: replyMessage,
+    };
+
+    try {
+      await saveEscalationDiscussion(payload);
+      if (textarea) textarea.value = "";
+
+      const response = await getEscalationDiscussion(id);
+      setListDiscussion(response?.data?.data || []);
+    } catch (error) {
+      console.error("Gagal mengirim balasan:", error);
+    }
   };
 
   const openEmergencyIssueDetail = () => {
     setOpenEmergencyModal(true);
   };
 
+  async function deleteDataSuggestion(dataId: any) {
+    const response = await deleteEscalationDiscussion(dataId);
+    console.log(response);
+
+    const responseGet = await getEscalationDiscussion(id);
+    setListDiscussion(responseGet?.data?.data);
+  }
+
   return (
     <div>
       <div className="flex">
@@ -273,44 +298,121 @@ export default function FormDetailEscalation() {
           </div>
           <div className="mx-3 my-3">
             <h3 className="text-gray-700 font-medium">Tanggapan</h3>
-            <div className="space-y-4">
+            <div className="space-y-4 ml-5 mt-5">
-              {replies.map((reply) => (
+              {listDiscussion.map((parent: any) => (
-                <div key={reply.id} className="border-b pb-2">
+                <div key={parent.id} className="border-b pb-4">
-                  <p className="font-semibold text-gray-800">{reply.name}</p>
+                  <div className="flex justify-between items-start">
-                  <p className="text-gray-600">{reply.message}</p>
+                    <div>
-                  <p className="text-sm text-gray-400">{reply.timestamp}</p>
+                      <p className="font-semibold text-gray-800">
+                        {parent.messageFrom?.fullname}
+                      </p>
+                      <p className="text-gray-600">{parent.message}</p>
+                      <p className="text-sm text-gray-400">
+                        {parent.createdAt}
+                      </p>
+                    </div>
+                    <button
+                      onClick={() => deleteDataSuggestion(parent.id)}
+                      className="text-red-500 text-sm hover:underline ml-2"
+                    >
+                      Hapus
+                    </button>
+                  </div>
+
+                  {activeReplyId !== parent.id && (
+                    <button
+                      onClick={() => setActiveReplyId(parent.id)}
+                      className="text-blue-500 text-sm mt-2 hover:underline"
+                    >
+                      Balas
+                    </button>
+                  )}
+
+                  {activeReplyId === parent.id && (
+                    <div className="mt-2">
+                      <textarea
+                        id={`input-comment-${parent.id}`}
+                        className="w-full h-20 border border-gray-300 rounded-md p-2"
+                        placeholder="Tulis balasan di sini..."
+                      />
+                      <div className="flex justify-end gap-2 mt-2">
+                        <button
+                          onClick={() => setActiveReplyId(null)}
+                          className="px-4 py-1 text-sm bg-gray-200 text-gray-800 rounded-md"
+                        >
+                          Batal
+                        </button>
+                        <button
+                          onClick={() => {
+                            postDataChild(parent.id);
+                            setActiveReplyId(null);
+                          }}
+                          className="px-4 py-1 text-sm bg-blue-600 text-white rounded-md"
+                        >
+                          Kirim
+                        </button>
+                      </div>
+                    </div>
+                  )}
+
+                  {parent.children?.length > 0 && (
+                    <div className="ml-4 mt-3 space-y-3 border-l-2 pl-4 border-gray-200">
+                      {parent.children.map((child: any) => (
+                        <div
+                          key={child.id}
+                          className="flex justify-between items-start"
+                        >
+                          <div>
+                            <p className="font-semibold text-gray-800">
+                              {child.messageFrom?.fullname}
+                            </p>
+                            <p className="text-gray-600">{child.message}</p>
+                            <p className="text-sm text-gray-400">
+                              {child.createdAt}
+                            </p>
+                          </div>
+                          <button
+                            onClick={() => deleteDataSuggestion(child.id)}
+                            className="text-red-500 text-sm hover:underline ml-2"
+                          >
+                            Hapus
+                          </button>
+                        </div>
+                      ))}
+                    </div>
+                  )}
                 </div>
               ))}
             </div>
-          </div>
 
-          <div className="mx-3">
+            <div className="mt-6">
-            <label
+              <label className="block text-gray-700 font-medium mb-2">
-              htmlFor="replyMessage"
+                Tulis Tanggapan Anda
-              className="block text-gray-700 font-medium mb-2"
+              </label>
-            >
+              <textarea
-              Tulis Tanggapan Anda
+                value={message}
-            </label>
+                onChange={(e) => setMessage(e.target.value)}
-            <textarea
+                className="w-full h-24 border border-gray-300 rounded-md p-2"
-              id="replyMessage"
+                placeholder="Tulis tanggapan anda di sini..."
-              className="w-full h-24 border border-gray-300 rounded-md p-2"
+              />
-              value={replyMessage}
+              <Button size="sm" variant={"outline"} color="primary">
-              onChange={(e) => setReplyMessage(e.target.value)}
+                <PlusIcon />
-              placeholder="Tulis tanggapan anda di sini..."
+                Lampiran
-            />
+              </Button>
-            <div className="flex justify-end gap-3 mt-2 mb-3">
+              <div className="flex justify-end gap-3 mt-2 mb-3">
-              <button
+                <button
-                onClick={() => setReplyMessage("")}
+                  onClick={() => setMessage("")}
-                className="px-4 py-2 bg-gray-200 text-gray-800 rounded-md"
+                  className="px-4 py-2 bg-gray-200 text-gray-800 rounded-md"
-              >
+                >
-                Batal
+                  Batal
-              </button>
+                </button>
-              <button
+                <button
-                onClick={handleSendReply}
+                  onClick={postData}
-                className="px-4 py-2 bg-blue-600 text-white rounded-md"
+                  className="px-4 py-2 bg-blue-600 text-white rounded-md"
-              >
+                >
-                Kirim Pesan
+                  Kirim Pesan
-              </button>
+                </button>
+              </div>
             </div>
           </div>
         </div>

components/form/communication/internal-detail-form.tsx

@@ -130,7 +130,7 @@ export default function FormDetailInternal() {
   }
 
   const handleReply = () => {
-    setReplyVisible((prev) => !prev); // Toggle visibility
+    setReplyVisible((prev) => !prev);
   };
 
   const handleSendReply = async () => {
@@ -149,18 +149,9 @@ export default function FormDetailInternal() {
     };
 
     try {
-      const response = await saveTicketInternalReply(data);
+      await saveTicketInternalReply(data);
 
-      // Tambahkan balasan baru ke daftar balasan
+      await getTicketReply();
-      const newReply: replyDetail = {
-        id: response?.data?.id,
-        message: replyMessage,
-        createdAt: response?.data?.createdAt,
-        messageFrom: response?.data?.messageFrom,
-        messageTo: response?.data?.messageTo,
-      };
-
-      setTicketReply((prevReplies) => [newReply, ...prevReplies]);
 
       MySwal.fire({
         title: "Sukses",
@@ -168,7 +159,6 @@ export default function FormDetailInternal() {
         icon: "success",
       });
 
-      // Reset input dan sembunyikan form balasan
       setReplyMessage("");
       setReplyVisible(false);
     } catch (error) {

components/form/communication/internal-form.tsx

@@ -30,7 +30,7 @@ import dynamic from "next/dynamic";
 
 const taskSchema = z.object({
   title: z.string().min(1, { message: "Judul diperlukan" }),
-  naration: z.string().min(2, {
+  message: z.string().min(2, {
     message: "Narasi Penugasan harus lebih dari 2 karakter.",
   }),
 });
@@ -77,13 +77,12 @@ export default function FormInternal() {
   );
   const animatedComponent = makeAnimated();
   const [platformTypeVisible, setPlatformTypeVisible] = useState(false);
-  const [selectedTarget, setSelectedTarget] = useState("");
+  const [selectedTarget, setSelectedTarget] = useState<number | null>(null);
 
-  // Opsi untuk dropdown
   const priority = [
-    { value: "low", label: "Low" },
+    { value: 1, label: "Low" },
-    { value: "medium", label: "Medium" },
+    { value: 2, label: "Medium" },
-    { value: "high", label: "High" },
+    { value: 3, label: "High" },
   ];
 
   const {
@@ -142,7 +141,6 @@ export default function FormInternal() {
       const rawUser = res?.data?.data?.content;
       console.log("raw user", rawUser);
 
-      // Tentukan tipe array sebagai Option[]
       const optionArr: Option[] = rawUser.map((option: any) => ({
         id: option?.id,
         label: option?.username + option?.fullname + option?.userLevel?.name,
@@ -159,9 +157,9 @@ export default function FormInternal() {
   const save = async (data: TaskSchema) => {
     const requestData = {
       title: data.title,
-      narration: data.naration,
+      message: data.message,
       target: selectedTarget,
-      sendToId: selectedOption?.id, // This should work now without the error
+      sendToId: selectedOption?.id,
     };
 
     const response = await saveTicketingInternal(requestData);
@@ -176,7 +174,7 @@ export default function FormInternal() {
       confirmButtonColor: "#3085d6",
       confirmButtonText: "OK",
     }).then(() => {
-      router.push("/en/shared/communication");
+      router.push("/in/shared/communication");
     });
   };
 
@@ -198,13 +196,15 @@ export default function FormInternal() {
 
   return (
     <Card>
-      <div className="px-6 py-6">
+      <div className=" px-6 py-6">
-        <p className="text-lg font-semibold mb-3">Form Penugasan</p>
+        <p className="text-lg font-semibold mb-3"></p>
         <form onSubmit={handleSubmit(onSubmit)}>
-          <div className="gap-5 mb-5">
+          <div className="flex flex-col justify-center items-center gap-5 mb-5">
             {/* Input Title */}
-            <div className="space-y-2">
+            <div className="w-6/12 space-y-2">
-              <Label>Judul</Label>
+              <Label>
+                Judul<span className="text-red-500">*</span>
+              </Label>
               <Controller
                 control={control}
                 name="title"
@@ -222,26 +222,28 @@ export default function FormInternal() {
                 <p className="text-red-400 text-sm">{errors.title.message}</p>
               )}
             </div>
-            <div className="w-full">
+            <div className="w-6/12">
               <div className="mt-5">
-                <Label>Priority</Label>
+                <Label>
+                  Priority <span className="text-red-500">*</span>
+                </Label>
                 <Select
                   id="target-select"
                   options={priority}
                   onChange={(selectedOption) =>
-                    setSelectedTarget(selectedOption?.value || "")
+                    setSelectedTarget(selectedOption?.value ?? null)
                   }
                   placeholder="Pilih"
                   styles={{
                     control: (base) => ({
                       ...base,
-                      minHeight: "40px", // Ukuran sesuai dengan size="md"
+                      minHeight: "40px",
                     }),
                   }}
                 />
               </div>
             </div>
-            <div className="w-full">
+            <div className="w-6/12">
               <div className="mt-5">
                 <Label>Ditunjukan Untuk</Label>
                 <Select
@@ -255,28 +257,27 @@ export default function FormInternal() {
                 />
               </div>
             </div>
-            <div className="mt-5">
+            <div className="w-6/12 mt-5">
               <Label>Narasi Penugasan</Label>
               <Controller
                 control={control}
-                name="naration"
+                name="message"
                 render={({ field: { onChange, value } }) => (
                   <CustomEditor onChange={onChange} initialData={value} />
                 )}
               />
-              {errors.naration?.message && (
+              {errors.message?.message && (
-                <p className="text-red-400 text-sm">
+                <p className="text-red-400 text-sm">{errors.message.message}</p>
-                  {errors.naration.message}
-                </p>
               )}
             </div>
-          </div>
+            <div className="w-6/12 flex justify-end gap-3 mt-5">
-
+              <Button type="button" color="primary" variant="outline">
-          {/* Submit Button */}
+                Batal
-          <div className="mt-4">
+              </Button>
-            <Button type="submit" color="primary">
+              <Button type="submit" color="primary">
-              Submit
+                Submit
-            </Button>
+              </Button>
+            </div>
           </div>
         </form>
       </div>

components/form/content/spit-convert-form.tsx

@@ -162,27 +162,26 @@ export default function FormConvertSPIT() {
   const [selectedWritingStyle, setSelectedWritingStyle] =
     useState("Professional");
 
-  const imageSchema = z
+  const imageSchema = z.object({
-    .object({
+    contentTitle: z.string().min(1, { message: "Judul diperlukan" }),
-      contentTitle: z.string().min(1, { message: "Judul diperlukan" }),
+    contentDescription: z
-      contentDescription: z
+      .string()
-        .string()
+      .min(2, { message: "Narasi Penugasan harus lebih dari 2 karakter." }),
-        .min(2, { message: "Narasi Penugasan harus lebih dari 2 karakter." }),
+    contentCreator: z.string().min(1, { message: "Creator diperlukan" }),
-      contentCreator: z.string().min(1, { message: "Creator diperlukan" }),
+    contentRewriteDescription: z.string().optional(),
-      contentRewriteDescription: z.string().optional(),
+  });
-    })
+  // .refine(
-    .refine(
+  //   (data) => {
-      (data) => {
+  //     if (isContentRewriteClicked) {
-        if (isContentRewriteClicked) {
+  //       return detail?.contentRewriteDescription?.trim().length > 0;
-          return detail?.contentRewriteDescription?.trim().length > 0;
+  //     }
-        }
+  //     return true;
-        return true;
+  //   },
-      },
+  //   {
-      {
+  //     path: ["contentRewriteDescription"],
-        path: ["contentRewriteDescription"],
+  //     message: "File hasil rewrite wajib diisi",
-        message: "File hasil rewrite wajib diisi",
+  //   }
-      }
+  // );
-    );
 
   const options: Option[] = [
     { id: "all", label: "SEMUA" },
@@ -216,7 +215,7 @@ export default function FormConvertSPIT() {
       contentTitle: detail?.contentTitle || "",
       contentDescription: detail?.contentDescription || "",
       contentCreator: detail?.contentCreator || "",
-      contentRewriteDescription: detail?.contentRewriteDescription || "",
+
       // dll
     },
   });
@@ -809,7 +808,11 @@ export default function FormConvertSPIT() {
                                   ) : (
                                     <CustomEditor
                                       onChange={onChange}
-                                      initialData={articleBody || value}
+                                      initialData={
+                                        articleBody ||
+                                        detail?.contentRewriteDescription ||
+                                        value
+                                      }
                                     />
                                   )
                                 }
@@ -1030,7 +1033,7 @@ export default function FormConvertSPIT() {
                           <Input
                             size="md"
                             type="text"
-                            value={detail?.contentCreator}
+                            defaultValue={detail?.contentCreator}
                             onChange={field.onChange}
                             placeholder="Enter Title"
                           />
@@ -1100,7 +1103,7 @@ export default function FormConvertSPIT() {
                   </div>
                   <div className="mt-4">
                     <Button
-                      type="submit"
+                      type="button"
                       className="bg-red-500 hover:bg-red-700"
                       onClick={() => deleteSpitContent()}
                     >

components/form/content/task-ta/audio-detail-form.tsx

@@ -487,7 +487,7 @@ export default function FormAudioTaDetail() {
                     </p>
                   )}
                 </div>
-                <div className="flex items-center">
+                {/* <div className="flex items-center">
                   <div className="py-3 w-full space-y-2">
                     <Label>{t("category")}</Label>
                     <Select
@@ -509,7 +509,7 @@ export default function FormAudioTaDetail() {
                       </SelectContent>
                     </Select>
                   </div>
-                </div>
+                </div> */}
 
                 <div className="py-3 space-y-2">
                   <Label>{t("description")}</Label>
@@ -569,8 +569,7 @@ export default function FormAudioTaDetail() {
             </div>
           </Card>
           <div className="w-full lg:w-4/12">
-            <Card className="pb-3">
+            {/* <div className="px-3 py-3">
-              <div className="px-3 py-3">
                 <div className="space-y-2">
                   <Label>{t("creator")}</Label>
                   <Controller
@@ -663,8 +662,8 @@ export default function FormAudioTaDetail() {
                   {formatDateToIndonesian(approval?.approvalDate)}
                 </p>
                 <ApprovalHistoryModal id={Number(id)} />
-              </div>
+              </div> */}
-              {/* {detail?.isPublish == false ? (
+            {/* {detail?.isPublish == false ? (
                 <div className="p-3">
                   <Button className="bg-blue-600">Publish</Button>
                 </div>
@@ -672,218 +671,212 @@ export default function FormAudioTaDetail() {
                 ""
               )} */}
 
-              <Dialog open={modalOpen} onOpenChange={setModalOpen}>
+            <Dialog open={modalOpen} onOpenChange={setModalOpen}>
-                <DialogContent size="md">
+              <DialogContent size="md">
-                  <DialogHeader>
+                <DialogHeader>
-                    <DialogTitle>{t("leave-comment")}</DialogTitle>
+                  <DialogTitle>{t("leave-comment")}</DialogTitle>
-                  </DialogHeader>
+                </DialogHeader>
-                  {status == "2"
+                {status == "2"
-                    ? files?.map((file, index) => (
+                  ? files?.map((file, index) => (
-                        <div
+                      <div
-                          key={file.id}
+                        key={file.id}
-                          className="flex flex-row gap-2 items-center"
+                        className="flex flex-row gap-2 items-center"
+                      >
+                        {/* <img src={file.url} className="w-[200px]" /> */}
+                        <svg
+                          xmlns="http://www.w3.org/2000/svg"
+                          width="48"
+                          height="48"
+                          viewBox="0 0 20 20"
                         >
-                          {/* <img src={file.url} className="w-[200px]" /> */}
+                          <path
-                          <svg
+                            fill="currentColor"
-                            xmlns="http://www.w3.org/2000/svg"
+                            d="M14.702 2.226A1 1 0 0 1 16 3.18v6.027a5.5 5.5 0 0 0-1-.184V6.18L8 8.368V15.5a2.5 2.5 0 1 1-1-2V5.368a1 1 0 0 1 .702-.955zM8 7.32l7-2.187V3.18L8 5.368zM5.5 14a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m13.5.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0m-2.265-.436l-2.994-1.65a.5.5 0 0 0-.741.438v3.3a.5.5 0 0 0 .741.438l2.994-1.65a.5.5 0 0 0 0-.876"
-                            width="48"
+                          />
-                            height="48"
+                        </svg>{" "}
-                            viewBox="0 0 20 20"
+                        <div className="flex flex-col gap-2 w-full">
-                          >
+                          <div className="flex justify-between text-sm">
-                            <path
+                            {file.fileName}
-                              fill="currentColor"
+                            <a
-                              d="M14.702 2.226A1 1 0 0 1 16 3.18v6.027a5.5 5.5 0 0 0-1-.184V6.18L8 8.368V15.5a2.5 2.5 0 1 1-1-2V5.368a1 1 0 0 1 .702-.955zM8 7.32l7-2.187V3.18L8 5.368zM5.5 14a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m13.5.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0m-2.265-.436l-2.994-1.65a.5.5 0 0 0-.741.438v3.3a.5.5 0 0 0 .741.438l2.994-1.65a.5.5 0 0 0 0-.876"
+                              onClick={() => handleDeleteFileApproval(file.id)}
-                            />
+                            >
-                          </svg>{" "}
+                              <Icon icon="humbleicons:times" color="red" />
-                          <div className="flex flex-col gap-2 w-full">
+                            </a>
-                            <div className="flex justify-between text-sm">
-                              {file.fileName}
-                              <a
-                                onClick={() =>
-                                  handleDeleteFileApproval(file.id)
-                                }
-                              >
-                                <Icon icon="humbleicons:times" color="red" />
-                              </a>
-                            </div>
-                            {isUserMabesApprover && (
-                              <div className="flex flex-row gap-2">
-                                <div className="flex items-center space-x-2">
-                                  <Checkbox
-                                    id="terms"
-                                    value="all"
-                                    checked={filePlacements[index]?.includes(
-                                      "all"
-                                    )}
-                                    onCheckedChange={(e) =>
-                                      setupPlacement(index, "all", Boolean(e))
-                                    }
-                                  />
-                                  <label
-                                    htmlFor="terms"
-                                    className="text-xs font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-                                  >
-                                    {t("all")}
-                                  </label>
-                                </div>
-                                <div className="flex items-center space-x-2">
-                                  <Checkbox
-                                    id="terms"
-                                    checked={filePlacements[index]?.includes(
-                                      "mabes"
-                                    )}
-                                    onCheckedChange={(e) =>
-                                      setupPlacement(index, "mabes", Boolean(e))
-                                    }
-                                  />
-                                  <label
-                                    htmlFor="terms"
-                                    className="text-xs font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-                                  >
-                                    Nasional
-                                  </label>
-                                </div>
-                                <div className="flex items-center space-x-2">
-                                  <Checkbox
-                                    id="terms"
-                                    checked={filePlacements[index]?.includes(
-                                      "polda"
-                                    )}
-                                    onCheckedChange={(e) =>
-                                      setupPlacement(index, "polda", Boolean(e))
-                                    }
-                                  />
-                                  <label
-                                    htmlFor="terms"
-                                    className="text-xs font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-                                  >
-                                    Wilayah
-                                  </label>
-                                </div>
-
-                                <div className="flex items-center space-x-2">
-                                  <Checkbox
-                                    id="terms"
-                                    checked={filePlacements[index]?.includes(
-                                      "international"
-                                    )}
-                                    onCheckedChange={(e) =>
-                                      setupPlacement(
-                                        index,
-                                        "international",
-                                        Boolean(e)
-                                      )
-                                    }
-                                  />
-                                  <label
-                                    htmlFor="terms"
-                                    className="text-xs font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-                                  >
-                                    Internasional
-                                  </label>
-                                </div>
-                              </div>
-                            )}
                           </div>
-                        </div>
+                          {isUserMabesApprover && (
-                      ))
+                            <div className="flex flex-row gap-2">
-                    : ""}
+                              <div className="flex items-center space-x-2">
-                  <div className="flex flex-col gap-4">
+                                <Checkbox
-                    <Textarea
+                                  id="terms"
-                      placeholder="Type your message here."
+                                  value="all"
-                      value={description}
+                                  checked={filePlacements[index]?.includes(
-                      onChange={(e) => setDescription(e.target.value)}
+                                    "all"
-                    />
+                                  )}
-                  </div>
+                                  onCheckedChange={(e) =>
-                  {status == "3" || status == "4" ? (
+                                    setupPlacement(index, "all", Boolean(e))
-                    <div className="flex flex-row gap-2">
+                                  }
-                      <Badge
+                                />
-                        color={
+                                <label
-                          description === "Kualitas media kurang baik"
+                                  htmlFor="terms"
-                            ? "primary"
+                                  className="text-xs font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-                            : "default"
+                                >
-                        }
+                                  {t("all")}
-                        className="cursor-pointer"
+                                </label>
-                        onClick={() =>
+                              </div>
-                          setDescription("Kualitas media kurang baik")
+                              <div className="flex items-center space-x-2">
-                        }
+                                <Checkbox
-                      >
+                                  id="terms"
-                        Kualitas media kurang baik
+                                  checked={filePlacements[index]?.includes(
-                      </Badge>
+                                    "mabes"
+                                  )}
+                                  onCheckedChange={(e) =>
+                                    setupPlacement(index, "mabes", Boolean(e))
+                                  }
+                                />
+                                <label
+                                  htmlFor="terms"
+                                  className="text-xs font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+                                >
+                                  Nasional
+                                </label>
+                              </div>
+                              <div className="flex items-center space-x-2">
+                                <Checkbox
+                                  id="terms"
+                                  checked={filePlacements[index]?.includes(
+                                    "polda"
+                                  )}
+                                  onCheckedChange={(e) =>
+                                    setupPlacement(index, "polda", Boolean(e))
+                                  }
+                                />
+                                <label
+                                  htmlFor="terms"
+                                  className="text-xs font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+                                >
+                                  Wilayah
+                                </label>
+                              </div>
 
-                      <Badge
+                              <div className="flex items-center space-x-2">
-                        color={
+                                <Checkbox
-                          description === "Deskripsi kurang lengkap"
+                                  id="terms"
-                            ? "primary"
+                                  checked={filePlacements[index]?.includes(
-                            : "default"
+                                    "international"
-                        }
+                                  )}
-                        className="cursor-pointer"
+                                  onCheckedChange={(e) =>
-                        onClick={() =>
+                                    setupPlacement(
-                          setDescription("Deskripsi kurang lengkap")
+                                      index,
-                        }
+                                      "international",
-                      >
+                                      Boolean(e)
-                        Deskripsi kurang lengkap
+                                    )
-                      </Badge>
+                                  }
-                      <Badge
+                                />
-                        color={
+                                <label
-                          description === "Judul kurang tepat"
+                                  htmlFor="terms"
-                            ? "primary"
+                                  className="text-xs font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-                            : "default"
+                                >
-                        }
+                                  Internasional
-                        className="cursor-pointer"
+                                </label>
-                        onClick={() => setDescription("Judul kurang tepat")}
+                              </div>
-                      >
+                            </div>
-                        Judul kurang tepat
+                          )}
-                      </Badge>
+                        </div>
-                    </div>
+                      </div>
-                  ) : (
+                    ))
-                    <div className="flex flex-row gap-2">
+                  : ""}
-                      <Badge
+                <div className="flex flex-col gap-4">
-                        color={
+                  <Textarea
-                          description === "Konten sangat bagus"
+                    placeholder="Type your message here."
-                            ? "primary"
+                    value={description}
-                            : "default"
+                    onChange={(e) => setDescription(e.target.value)}
-                        }
+                  />
-                        className="cursor-pointer"
+                </div>
-                        onClick={() => setDescription("Konten sangat bagus")}
+                {status == "3" || status == "4" ? (
-                      >
+                  <div className="flex flex-row gap-2">
-                        Konten sangat bagus
+                    <Badge
-                      </Badge>
+                      color={
-                      <Badge
+                        description === "Kualitas media kurang baik"
-                        color={
+                          ? "primary"
-                          description === "Konten menarik"
+                          : "default"
-                            ? "primary"
+                      }
-                            : "default"
+                      className="cursor-pointer"
-                        }
+                      onClick={() =>
-                        className="cursor-pointer"
+                        setDescription("Kualitas media kurang baik")
-                        onClick={() => setDescription("Konten menarik")}
+                      }
-                      >
-                        Konten menarik
-                      </Badge>
-                    </div>
-                  )}
-                  <DialogFooter>
-                    <Button
-                      type="button"
-                      color="primary"
-                      onClick={() => submit()}
                     >
-                      {t("submit")}
+                      Kualitas media kurang baik
-                    </Button>
+                    </Badge>
-                    <Button
+
-                      type="button"
+                    <Badge
-                      color="destructive"
+                      color={
-                      onClick={() => {
+                        description === "Deskripsi kurang lengkap"
-                        setModalOpen(false);
+                          ? "primary"
-                      }}
+                          : "default"
+                      }
+                      className="cursor-pointer"
+                      onClick={() => setDescription("Deskripsi kurang lengkap")}
                     >
-                      {t("cancel")}
+                      Deskripsi kurang lengkap
-                    </Button>
+                    </Badge>
-                  </DialogFooter>
+                    <Badge
-                </DialogContent>
+                      color={
-              </Dialog>
+                        description === "Judul kurang tepat"
-            </Card>
+                          ? "primary"
-            {Number(detail?.needApprovalFromLevel) == Number(userLevelId) ? (
+                          : "default"
+                      }
+                      className="cursor-pointer"
+                      onClick={() => setDescription("Judul kurang tepat")}
+                    >
+                      Judul kurang tepat
+                    </Badge>
+                  </div>
+                ) : (
+                  <div className="flex flex-row gap-2">
+                    <Badge
+                      color={
+                        description === "Konten sangat bagus"
+                          ? "primary"
+                          : "default"
+                      }
+                      className="cursor-pointer"
+                      onClick={() => setDescription("Konten sangat bagus")}
+                    >
+                      Konten sangat bagus
+                    </Badge>
+                    <Badge
+                      color={
+                        description === "Konten menarik" ? "primary" : "default"
+                      }
+                      className="cursor-pointer"
+                      onClick={() => setDescription("Konten menarik")}
+                    >
+                      Konten menarik
+                    </Badge>
+                  </div>
+                )}
+                <DialogFooter>
+                  <Button
+                    type="button"
+                    color="primary"
+                    onClick={() => submit()}
+                  >
+                    {t("submit")}
+                  </Button>
+                  <Button
+                    type="button"
+                    color="destructive"
+                    onClick={() => {
+                      setModalOpen(false);
+                    }}
+                  >
+                    {t("cancel")}
+                  </Button>
+                </DialogFooter>
+              </DialogContent>
+            </Dialog>
+
+            {/* {Number(detail?.needApprovalFromLevel) == Number(userLevelId) ? (
               Number(detail?.uploadedById) == Number(userId) ? (
                 ""
               ) : (
@@ -915,7 +908,7 @@ export default function FormAudioTaDetail() {
               )
             ) : (
               ""
-            )}
+            )} */}
           </div>
         </div>
       ) : (

components/form/content/task-ta/teks-detail-form.tsx

@@ -459,7 +459,7 @@ export default function FormTeksTaDetail() {
                     </p>
                   )}
                 </div>
-                <div className="flex items-center">
+                {/* <div className="flex items-center">
                   <div className="py-3 w-full space-y-2">
                     <Label>{t("category")}</Label>
                     <Select
@@ -481,7 +481,7 @@ export default function FormTeksTaDetail() {
                       </SelectContent>
                     </Select>
                   </div>
-                </div>
+                </div> */}
 
                 <div className="py-3 space-y-2">
                   <Label>{t("description")}</Label>
@@ -584,7 +584,7 @@ export default function FormTeksTaDetail() {
           </Card>
           <div className="w-full lg:w-4/12">
             <Card className="pb-3">
-              <div className="px-3 py-3">
+              {/* <div className="px-3 py-3">
                 <div className="space-y-2">
                   <Label>{t("creator")}</Label>
                   <Controller
@@ -606,7 +606,7 @@ export default function FormTeksTaDetail() {
                     </p>
                   )}
                 </div>
-              </div>
+              </div> */}
               {/* <div className="mt-3 px-3">
                 <Label>Pratinjau Gambar Utama</Label>
                 <Card className="mt-2">
@@ -617,7 +617,7 @@ export default function FormTeksTaDetail() {
                   />
                 </Card>
               </div> */}
-              <div className="px-3 py-3">
+              {/* <div className="px-3 py-3">
                 <div className="space-y-2">
                   <Label>{t("tags")}</Label>
                   <div className="flex flex-wrap gap-2">
@@ -633,8 +633,8 @@ export default function FormTeksTaDetail() {
                       ))}
                   </div>
                 </div>
-              </div>
+              </div> */}
-              <div className="px-3 py-3">
+              {/* <div className="px-3 py-3">
                 <div className="flex flex-col gap-6 space-y-2">
                   <Label>{t("publish-target")}</Label>
                   <div className="flex gap-2 items-center">
@@ -674,8 +674,8 @@ export default function FormTeksTaDetail() {
               <SuggestionModal
                 id={Number(id)}
                 numberOfSuggestion={detail?.numberOfSuggestion}
-              />
+              /> */}
-              <div className="px-3 py-3 border mx-3">
+              {/* <div className="px-3 py-3 border mx-3">
                 <p>{t("information")}:</p>
                 <p className="text-sm text-slate-400">{detail?.statusName}</p>
                 <p>Komentar</p>
@@ -686,7 +686,7 @@ export default function FormTeksTaDetail() {
                   {formatDateToIndonesian(approval?.approvalDate)}
                 </p>
                 <ApprovalHistoryModal id={Number(id)} />
-              </div>
+              </div> */}
               {/* {detail?.isPublish == false ? (
                 <div className="p-3">
                   <Button className="bg-blue-600">Publish</Button>

components/form/content/task-ta/video-detail-form.tsx

@@ -449,7 +449,7 @@ export default function FormVideoTaDetail() {
                     </p>
                   )}
                 </div>
-                <div className="flex items-center">
+                {/* <div className="flex items-center">
                   <div className="py-3 w-full space-y-2">
                     <Label>{t("category")}</Label>
                     <Select
@@ -471,7 +471,7 @@ export default function FormVideoTaDetail() {
                       </SelectContent>
                     </Select>
                   </div>
-                </div>
+                </div> */}
 
                 <div className="py-3 space-y-2">
                   <Label>{t("description")}</Label>
@@ -538,7 +538,7 @@ export default function FormVideoTaDetail() {
           </Card>
           <div className="w-full lg:w-4/12">
             <Card className="pb-3">
-              <div className="px-3 py-3">
+              {/* <div className="px-3 py-3">
                 <div className="space-y-2">
                   <Label>{t("creator")}</Label>
                   <Controller
@@ -640,7 +640,7 @@ export default function FormVideoTaDetail() {
                   {formatDateToIndonesian(approval?.approvalDate)}
                 </p>
                 <ApprovalHistoryModal id={Number(id)} />
-              </div>
+              </div> */}
               {/* {detail?.isPublish == false ? (
                 <div className="p-3">
                   <Button className="bg-blue-600">Publish</Button>

service/communication/communication.ts

@@ -156,3 +156,8 @@ export async function saveTicketsQuestion(data: any) {
   const url = "ticketing/convert-question";
   return httpPostInterceptor(url, data);
 }
+
+export async function deleteEscalationDiscussion(id: any) {
+  const url = `ticketing/escalation/discussion?id=${id}`;
+  return httpDeleteInterceptor(url);
+}