feat:update communication internal

2025-01-20 14:45:54 +08:00 · 2025-01-20 14:45:54 +08:00 · ade8b1b296
parent a44b275f73
commit ade8b1b296
5 changed files with 67 additions and 14 deletions
--- a/app/[locale]/(protected)/contributor/content/video/components/columns.tsx
+++ b/app/[locale]/(protected)/contributor/content/video/components/columns.tsx
@ -116,13 +116,10 @@ const columns: ColumnDef<any>[] = [
        "menunggu review": "bg-orange-100 text-orange-600",
      };

-      // Mengambil `statusName` dari data API
      const status = row.getValue("statusName") as string;
-      const statusName = status?.toLocaleLowerCase(); // Ubah ke huruf kecil
-
-      // Gunakan `statusName` untuk pencocokan
+      const statusName = status?.toLocaleLowerCase();
      const statusStyles =
-        statusColors[statusName] || "bg-gray-100 text-gray-600";
+        statusColors[statusName] || "bg-red-200 text-red-600";

      return (
        <Badge
--- a/components/form/communication/internal-detail-form.tsx
+++ b/components/form/communication/internal-detail-form.tsx
@ -25,6 +25,8 @@ import {
  saveTicketInternalReply,
 } from "@/service/communication/communication";
 import { Icon } from "@iconify/react/dist/iconify.js";
+import { list } from "postcss";
+import { htmlToString } from "@/utils/globals";

 const taskSchema = z.object({
  title: z.string().min(1, { message: "Judul diperlukan" }),
@ -72,6 +74,19 @@ export type replyDetail = {
    fullname: string;
  };
 };
+export type internalDetail = {
+  id: number;
+  message: string;
+  createdAt: string;
+  createdBy: {
+    id: number;
+    fullname: string;
+  };
+  sendTo: {
+    id: number;
+    fullname: string;
+  };
+};

 export default function FormDetailInternal() {
  const MySwal = withReactContent(Swal);
@ -79,6 +94,9 @@ export default function FormDetailInternal() {

  const [detail, setDetail] = useState<taskDetail>();
  const [ticketReply, setTicketReply] = useState<replyDetail[]>([]);
+  const [ticketInternal, setTicketInternal] = useState<internalDetail | null>(
+    null
+  );
  const [replyVisible, setReplyVisible] = useState(false);
  const [replyMessage, setReplyMessage] = useState("");
  const [selectedPriority, setSelectedPriority] = useState("");
@ -96,6 +114,7 @@ export default function FormDetailInternal() {
    async function initState() {
      if (id) {
        const response = await getTicketingInternalDetail(id);
+        setTicketInternal(response?.data?.data || null);
        setDetail(response?.data?.data);
      }
    }
@ -203,6 +222,7 @@ export default function FormDetailInternal() {
            <p className="p-4 bg-slate-300 rounded-t-xl text-lg font-semibold">
              Ticket #{detail?.referenceNumber}
            </p>
+
            {ticketReply?.map((list) => (
              <div key={list.id} className="flex flex-col">
                <div className="flex flex-row gap-3 bg-sky-100 p-4 items-center">
@ -229,6 +249,38 @@ export default function FormDetailInternal() {
                <p className="p-4 bg-white text-sm">{list.message}</p>
              </div>
            ))}
+            {ticketInternal && (
+              <div key={ticketInternal.id} className="flex flex-col">
+                <div className="flex flex-row gap-3 bg-sky-100 p-4 items-center">
+                  <Icon icon="qlementine-icons:user-16" width={36} />
+                  <div>
+                    <p>
+                      <span className="font-bold text-sm">
+                        {ticketInternal?.createdBy?.fullname}
+                      </span>{" "}
+                      mengirimkan pesan untuk{" "}
+                      <span className="font-bold text-sm">
+                        {ticketInternal?.sendTo?.fullname}
+                      </span>
+                    </p>
+                    <p className="text-xs">
+                      {`${new Date(ticketInternal?.createdAt).getDate()}-${
+                        new Date(ticketInternal?.createdAt).getMonth() + 1
+                      }-${new Date(
+                        ticketInternal?.createdAt
+                      ).getFullYear()} ${new Date(
+                        ticketInternal?.createdAt
+                      ).getHours()}:${new Date(
+                        ticketInternal?.createdAt
+                      ).getMinutes()}`}
+                    </p>
+                  </div>
+                </div>
+                <p className="p-4 bg-white text-sm">
+                  {htmlToString(ticketInternal.message)}
+                </p>
+              </div>
+            )}
          </div>
        </div>
        {detail !== undefined && (
--- a/components/form/content/image-detail-form.tsx
+++ b/components/form/content/image-detail-form.tsx
@ -9,7 +9,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import * as z from "zod";
 import Swal from "sweetalert2";
 import withReactContent from "sweetalert2-react-content";
-import { useParams, useRouter } from "next/navigation";
+import { useParams } from "next/navigation";
 import {
  Select,
  SelectContent,
@ -55,6 +55,7 @@ import { getCookiesDecrypt } from "@/lib/utils";
 import { Icon } from "@iconify/react/dist/iconify.js";
 import { error } from "@/lib/swal";
 import dynamic from "next/dynamic";
+import { useRouter } from "@/i18n/routing";

 const imageSchema = z.object({
  title: z.string().min(1, { message: "Judul diperlukan" }),
--- a/components/form/schedule/press-conference-form.tsx
+++ b/components/form/schedule/press-conference-form.tsx
@ -167,10 +167,10 @@ export default function FormPressConference() {
                )}
              </div>
              <div className="flex flex-row items-center">
-                <div className="mt-5">
+                <div className="mt-4 mb-3">
                  <Label>Live Streaming</Label>
                  <div className="flex items-center gap-3">
-                    <p>Aktifkan fitur live streaming</p>
+                    <Label>Aktifkan fitur live streaming</Label>
                    <Switch
                      defaultChecked={isLiveStreamingEnabled}
                      color="primary"
@ -184,7 +184,7 @@ export default function FormPressConference() {
              </div>

              {isLiveStreamingEnabled && (
-                <div className="mt-1">
+                <div className="mb-2 mt-1">
                  <Controller
                    control={control}
                    name="title"
@ -206,16 +206,17 @@ export default function FormPressConference() {
                </div>
              )}

-              <div className="flex flex-col lg:flex-row mt-3 items-start lg:items-center justify-between">
+              <div className="flex flex-col lg:flex-row mb-4 mt-2 items-start lg:items-center justify-between">
                <div className="flex flex-col ">
                  <Label className="mr-3 mb-1">Tanggal</Label>
                  <Popover>
                    <PopoverTrigger asChild>
                      <Button
+                        size="md"
                        id="date"
                        variant={"outline"}
                        className={cn(
-                          "w-[280px] lg:w-[300px] justify-start text-left font-normal",
+                          "w-[280px] lg:w-[250px] justify-start text-left font-normal border border-slate-300",
                          !date && "text-muted-foreground"
                        )}
                      >
@ -292,7 +293,7 @@ export default function FormPressConference() {
                  {errors.location?.message}
                </div>
              </div>
-              <p className="text-sm my-2 font-semibold">DI SAMPAIKAN OLEH</p>
+              <p className="text-sm mt-4 font-semibold">DI SAMPAIKAN OLEH</p>
              <div className="flex flex-col ">
                <div className="mt-1">
                  <Label>Nama Pangkat</Label>
--- a/components/form/task/task-detail-form.tsx
+++ b/components/form/task/task-detail-form.tsx
@ -1119,6 +1119,7 @@ export default function FormTaskDetail() {
                          </div>

                          <Button
+                            type="button"
                            size="icon"
                            color="destructive"
                            variant="outline"
@ -1249,7 +1250,7 @@ export default function FormTaskDetail() {
                      ))}
                    </div>

-                    {audioUploadedFiles?.length > 0 && (
+                    {/* {audioUploadedFiles?.length > 0 && (
                      <AudioRecorder
                        onRecordingComplete={addAudioElement}
                        audioTrackConstraints={{
@ -1259,7 +1260,7 @@ export default function FormTaskDetail() {
                        downloadOnSavePress={true}
                        downloadFileExtension="webm"
                      />
-                    )}
+                    )} */}
                  </div>
                  {audioFile && (
                    <div className="flex flex-row justify-between items-center">
@ -1277,6 +1278,7 @@ export default function FormTaskDetail() {
                  {isRecording && <p>Recording... {timer} seconds remaining</p>}{" "}
                  {/* Display remaining time */}
                  <div className="mt-4">
+                    <Label>Link Url</Label>
                    {urlInputs.map((url: any, index: any) => (
                      <div
                        key={url.id}