fix: href link from internal question in supervisor

Main

See merge request hanifsalafi/mediahub_redesign!2

.drone.yml

@@ -22,6 +22,8 @@ steps:
       - mkdir -p /opt/build
       - cd /opt/build
       - git clone http://38.47.180.165:3000/mediahub/mediahub-fe.git
+      - cd /opt/build/mediahub-fe
+      - git checkout $DRONE_BRANCH
 
   - name: build image
     when:

.env

@@ -1,3 +1,3 @@
-NEXT_PUBLIC_API=https://new.netidhub.com/api
-NEXT_PUBLIC=https://new.netidhub.com
+NEXT_PUBLIC_API=https://mediahub.polri.go.id/api/v2
+NEXT_PUBLIC=https://mediahub.polri.go.id
 NEXT_PUBLIC_TINYMCE_API_KEY=bhteuja26yz5p0aubxry9b95hs33amgn65kjv5km0fd5iuev

.gitlab-ci.yml

@@ -2,12 +2,13 @@ stages:
   - build
   - deploy
 
-build-dev:
+build-prod:
   stage: build
   when: on_success
   only:
     - main
     - dev-landing-v2
+    - prod
   image: 
     name: docker:25.0.3-cli
   services:
@@ -15,9 +16,11 @@ build-dev:
       command: ["--insecure-registry=38.47.185.86:8900"]
   script:
     - docker logout
-    - docker login -u $DEPLOY_USERNAME -p $DEPLOY_TOKEN 38.47.185.86:8900
-    - docker build -t 38.47.185.86:8900/mediahub/new-mediahub-fe:dev .
-    - docker push 38.47.185.86:8900/mediahub/new-mediahub-fe:dev
+    - echo "Username:$DEPLOY_USERNAME"
+    - echo "Token:$DEPLOY_TOKEN"
+    - echo "$DEPLOY_TOKEN" | docker login 38.47.185.86:8900 --username "$DEPLOY_USERNAME" --password-stdin
+    - docker build --no-cache -t 38.47.185.86:8900/mediahub/new-mediahub-fe:prod .
+    - docker push 38.47.185.86:8900/mediahub/new-mediahub-fe:prod
 
 auto-deploy:
   stage: deploy
@@ -26,5 +29,7 @@ auto-deploy:
     - main
     - dev-landing-v2
   image: curlimages/curl:latest
+  services:
+    - docker:dind
   script:
     - curl --user admin:$JENKINS_PWD http://38.47.185.86:8080/job/auto-deploy-new-mediahub-fe/build?token=autodeploynewmediahub

Dockerfile

@@ -25,7 +25,8 @@ RUN pnpm install
 COPY . .
 
 # Build aplikasi
-RUN NODE_OPTIONS="--max-old-space-size=4096" pnpm run build
+# RUN NODE_OPTIONS="--max-old-space-size=4096" 
+RUN pnpm run build
 
 # Expose port untuk server
 EXPOSE 3000

app/[locale]/(protected)/admin/add-experts/create/page.tsx

@@ -69,7 +69,7 @@ const FormSchema = z.object({
     .refine((val) => !/\s/.test(val), {
       message: "Username tidak boleh mengandung spasi",
     }),
-    // .transform((val) => val.toLowerCase()),
+  // .transform((val) => val.toLowerCase()),
 
   password: z
     .string({ required_error: "Required" })
@@ -85,6 +85,7 @@ const FormSchema = z.object({
   skills: z.string({ required_error: "Required" }),
   experiences: z.string({ required_error: "Required" }),
   company: z.string({ required_error: "Required" }),
+  address: z.string({ required_error: "Required" }),
 });
 // .refine((data) => data.password === data.confirmPassword, {
 //   path: ["confirmPassword"],
@@ -116,7 +117,7 @@ export default function AddExpertForm() {
 
   const togglePasswordType = () => {
     setPasswordType((prevType) =>
-      prevType === "password" ? "text" : "password"
+      prevType === "password" ? "text" : "password",
     );
   };
 
@@ -148,14 +149,14 @@ export default function AddExpertForm() {
   };
 
   const save = async (data: z.infer<typeof FormSchema>) => {
-    console.log("data", data);
+    // console.log("data", data);
 
     const dataReq = {
       firstName: data.name,
       username: data.username,
       email: data.email,
       password: data.password,
-      address: "",
+      address: data.address,
       roleId: "EXP-ID",
       phoneNumber: data.phoneNumber,
       userCompetencyId: data.skills,
@@ -264,20 +265,20 @@ export default function AddExpertForm() {
   const handleSelectionChange = (
     index: number,
     type: "roleId" | "userLevelId",
-    value: string
+    value: string,
   ) => {
     setPlacementRows((prevRows) =>
       prevRows.map((row) =>
-        row.index === index ? { ...row, [type]: value } : row
-      )
+        row.index === index ? { ...row, [type]: value } : row,
+      ),
     );
   };
 
   const handleRemoveRow = (index: number) => {
-    console.log(index);
-    console.log(placementRows);
+    // console.log(index);
+    // console.log(placementRows);
     const newPlacements = placementRows.filter((row) => row.index != index);
-    console.log(newPlacements);
+    // console.log(newPlacements);
     setPlacementRows(newPlacements);
   };
 
@@ -424,6 +425,24 @@ export default function AddExpertForm() {
               </FormItem>
             )}
           />
+
+          <FormField
+            control={form.control}
+            name="address"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Alamat</FormLabel>
+                <Input
+                  type="text"
+                  value={field.value}
+                  placeholder="Masukkan Alamat"
+                  onChange={field.onChange}
+                />
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
           <FormField
             control={form.control}
             name="password"
@@ -462,8 +481,8 @@ export default function AddExpertForm() {
                         passwordStrength === "weak"
                           ? "bg-red-500 w-1/4"
                           : passwordStrength === "medium"
-                          ? "bg-yellow-500 w-2/4"
-                          : "bg-green-500 w-full"
+                            ? "bg-yellow-500 w-2/4"
+                            : "bg-green-500 w-full"
                       }`}
                     />
 
@@ -472,8 +491,8 @@ export default function AddExpertForm() {
                         passwordStrength === "weak"
                           ? "text-red-500"
                           : passwordStrength === "medium"
-                          ? "text-yellow-600"
-                          : "text-green-600"
+                            ? "text-yellow-600"
+                            : "text-green-600"
                       }`}
                     >
                       {passwordStrength === "weak" && "Weak Password"}

app/[locale]/(protected)/admin/add-experts/update/[id]/page.tsx

@@ -233,7 +233,7 @@ export default function UpdateExpertForm() {
   };
 
   const save = async (data: z.infer<typeof FormSchema>) => {
-    console.log("data", data);
+    // console.log("data", data);
 
     const dataReq = {
       id: detail?.id,
@@ -310,7 +310,7 @@ export default function UpdateExpertForm() {
 
     const resExperiences = await getListExperiences();
     setUserExperiences(resExperiences?.data?.data);
-    console.log("experience", resExperiences?.data?.data);
+    // console.log("experience", resExperiences?.data?.data);
 
     const resUserLevels = await AdministrationLevelList();
     const data = resUserLevels?.data?.data;
@@ -353,10 +353,10 @@ export default function UpdateExpertForm() {
   };
 
   const handleRemoveRow = (index: number) => {
-    console.log(index);
-    console.log(placementRows);
+    // console.log(index);
+    // console.log(placementRows);
     const newPlacements = placementRows.filter((row) => row.index != index);
-    console.log(newPlacements);
+    // console.log(newPlacements);
     setPlacementRows(newPlacements);
   };
 

app/[locale]/(protected)/admin/analysis/content-management/page.tsx

@@ -43,8 +43,8 @@ export default function ContentManagement() {
   const [ticket6, setTicket6] = useState("");
   const [isInternational, setIsInternational] = useState([false, false, false]);
 
-  const baseUrl = "https://analytic.sitani.info/";
-  const url = "https://analytic.sitani.info/trusted/";
+  const baseUrl = "https://db-mediahub.polri.go.id/";
+  const url = "https://db-mediahub.polri.go.id/trusted/";
 
   const view1 =
     levelName == "MABES POLRI"
@@ -87,7 +87,7 @@ export default function ContentManagement() {
         ? "views/2023_08_MediaHUB-KtnMgt_Rev100/db-ktn-intl?"
         : "views/2023_08_MediaHUB-KtnMgt_Rev100/db-ktn-intl?"
       : `views/2023_08_MediaHUB-KtnMgt_Rev100/db-ktn-intl?provinsi-polda=${poldaState}&`;
-  const param = ":embed=yes&:toolbar=no&:iframeSizedToWindow=true";
+  const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true";
 
   useEffect(() => {
     async function initState() {

app/[locale]/(protected)/admin/analysis/emergency-issue/page.tsx

@@ -43,8 +43,8 @@ export default function EmergencyIssue() {
   const [ticket6, setTicket6] = useState("");
   const [isInternational, setIsInternational] = useState([false, false, false]);
 
-  const baseUrl = "https://analytic.sitani.info/";
-  const url = "https://analytic.sitani.info/trusted/";
+  const baseUrl = "https://db-mediahub.polri.go.id/";
+  const url = "https://db-mediahub.polri.go.id/trusted/";
 
   const view1 =
     levelName == "MABES POLRI"
@@ -53,7 +53,7 @@ export default function EmergencyIssue() {
         : "views/2023_08_MediaHUB-KtnMgt_Rev100/db-emg-issue?"
       : `views/2023_08_MediaHUB-KtnMgt_Rev100/db-emg-issue?provinsi-polda=${provState}&`;
 
-  const param = ":embed=yes&:toolbar=no&:iframeSizedToWindow=true";
+  const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true";
 
   useEffect(() => {
     async function initState() {

app/[locale]/(protected)/admin/analysis/feedback-center/page.tsx

@@ -43,8 +43,8 @@ export default function FeedbackCenter() {
   const [ticket6, setTicket6] = useState("");
   const [isInternational, setIsInternational] = useState([false, false, false]);
 
-  const baseUrl = "https://analytic.sitani.info/";
-  const url = "https://analytic.sitani.info/trusted/";
+  const baseUrl = "https://db-mediahub.polri.go.id/";
+  const url = "https://db-mediahub.polri.go.id/trusted/";
 
   const view1 =
     levelName == "MABES POLRI"
@@ -53,7 +53,7 @@ export default function FeedbackCenter() {
         : "views/2023_08_MediaHUB-KtnMgt_Rev100/db-tickets?"
       : `views/2023_08_MediaHUB-KtnMgt_Rev100/db-tickets?provinsi-polda=${provState}&`;
 
-  const param = ":embed=yes&:toolbar=no&:iframeSizedToWindow=true";
+  const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true";
 
   useEffect(() => {
     async function initState() {

app/[locale]/(protected)/admin/analysis/schedule/page.tsx

@@ -38,8 +38,8 @@ export default function ContentManagement() {
   const [ticket6, setTicket6] = useState("");
   const [isInternational, setIsInternational] = useState([false, false, false]);
 
-  const baseUrl = "https://analytic.sitani.info/";
-  const url = "https://analytic.sitani.info/trusted/";
+  const baseUrl = "https://db-mediahub.polri.go.id/";
+  const url = "https://db-mediahub.polri.go.id/trusted/";
 
   const view1 =
     levelName == "MABES POLRI"
@@ -69,7 +69,7 @@ export default function ContentManagement() {
         : "views/2023_08_MediaHUB-KtnMgt_Rev100/db-ktn-act-jnl?"
       : `views/2023_08_MediaHUB-KtnMgt_Rev100/db-ktn-act-jnl?provinsi-polda=${poldaState}&`;
 
-  const param = ":embed=yes&:toolbar=no&:iframeSizedToWindow=true";
+  const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true";
 
   useEffect(() => {
     async function initState() {

app/[locale]/(protected)/admin/broadcast/campaign-list/account-list/create/page.tsx

@@ -171,11 +171,11 @@ export default function CreateAccountForBroadcast() {
                   {/* WA */}
                   <div className="flex items-center gap-2">
                     <Checkbox
-                      checked={field.value.includes("wa")}
+                      checked={field.value?.includes("wa") ?? false}
                       onCheckedChange={(checked) =>
                         checked
-                          ? field.onChange([...field.value, "wa"])
-                          : field.onChange(field.value.filter((v) => v !== "wa"))
+                          ? field.onChange([...(field.value ?? []), "wa"])
+                          : field.onChange((field.value ?? []).filter((v) => v !== "wa"))
                       }
                     />
                     <label>Whatsapp</label>
@@ -184,12 +184,12 @@ export default function CreateAccountForBroadcast() {
                   {/* EMAIL */}
                   <div className="flex items-center gap-2">
                     <Checkbox
-                      checked={field.value.includes("email")}
+                      checked={field.value?.includes("email") ?? false}
                       onCheckedChange={(checked) =>
                         checked
-                          ? field.onChange([...field.value, "email"])
+                          ? field.onChange([...(field.value ?? []), "email"])
                           : field.onChange(
-                              field.value.filter((v) => v !== "email")
+                              (field.value ?? []).filter((v) => v !== "email")
                             )
                       }
                     />
@@ -202,7 +202,7 @@ export default function CreateAccountForBroadcast() {
           />
 
           {/* FORM WHATSAPP */}
-          {selectedTypes.includes("wa") && (
+          {selectedTypes?.includes("wa") && (
             <FormField
               control={form.control}
               name="whatsapp"
@@ -221,7 +221,7 @@ export default function CreateAccountForBroadcast() {
           )}
 
           {/* FORM EMAIL */}
-          {selectedTypes.includes("email") && (
+          {selectedTypes?.includes("email") && (
             <FormField
               control={form.control}
               name="email"

app/[locale]/(protected)/admin/broadcast/campaign-list/account-list/edit/[id]/page.tsx

@@ -157,7 +157,7 @@ export default function EditAccountForBroadcast() {
       isDefault: false,
       isAdmin: true,
     };
-    console.log("data", data);
+    // console.log("data", data);
 
     const response = await saveUserInternal(reqData);
     if (response?.error) {

app/[locale]/(protected)/admin/broadcast/campaign-list/component/table.tsx

@@ -136,7 +136,7 @@ const CampaignListTable = () => {
         item.no = (page - 1) * 10 + index + 1;
       });
 
-      console.log("contentData : ", data);
+      // console.log("contentData : ", data);
 
       setDataTable(contentData);
       setTotalData(data?.totalElements);

app/[locale]/(protected)/admin/broadcast/campaign-list/detail/[id]/page.tsx

@@ -117,8 +117,8 @@ export default function BroadcastCampaignDetail({
 
   async function getListPaginationData() {
     loading();
-    console.log("Type : ", typeFilter);
-    console.log("Date : ", startDateString, endDateString);
+    // console.log("Type : ", typeFilter);
+    // console.log("Date : ", startDateString, endDateString);
 
     try {
       const res = await getMediaBlastBroadcastList(
@@ -152,7 +152,7 @@ export default function BroadcastCampaignDetail({
   ]);
 
   function setupData(rawData: PaginatedResponse) {
-    console.log("raw", rawData);
+    // console.log("raw", rawData);
     if (rawData !== undefined) {
       const dataContent = rawData?.content;
       const data: CampaignData[] = [];
@@ -251,7 +251,7 @@ export default function BroadcastCampaignDetail({
         setEndDateString(getOnlyDate(endDate));
       }
     }
-    console.log("date range", dateRange);
+    // console.log("date range", dateRange);
     initState();
   }, [calenderState, startDate, endDate]);
 

app/[locale]/(protected)/admin/broadcast/create/component/table.tsx

@@ -160,7 +160,7 @@ const BroadcastEmailTable = () => {
         item.no = (page - 1) * Number(showData) + index + 1;
       });
 
-      console.log("contentData : ", data);
+      // console.log("contentData : ", data);
 
       setDataTable(contentData);
       setTotalData(data?.totalElements);

app/[locale]/(protected)/admin/broadcast/whatsapp/component/table.tsx

@@ -160,7 +160,7 @@ const BroadcastWhatsAppTable = () => {
         item.no = (page - 1) * Number(showData) + index + 1;
       });
 
-      console.log("contentData : ", data);
+      // console.log("contentData : ", data);
 
       setDataTable(contentData);
       setTotalData(data?.totalElements);

app/[locale]/(protected)/admin/management-user/external/detail/[id]/page.tsx

@@ -85,7 +85,7 @@ export default function EditUserForm() {
     const response = await getUserById(String(id));
     const res = response?.data?.data;
     close();
-    console.log("res", res);
+    // console.log("res", res);
     form.setValue("fullname", res?.fullname);
     form.setValue("username", res?.username);
     form.setValue("phoneNumber", res?.phoneNumber);

app/[locale]/(protected)/admin/management-user/external/edit/[id]/page.tsx

@@ -126,7 +126,7 @@ export default function EditUserForm() {
     const response = await getUserById(String(id));
     const res = response?.data?.data;
     close();
-    console.log("res", res);
+    // console.log("res", res);
     form.setValue("fullname", res?.fullname);
     form.setValue("username", res?.username);
     form.setValue("phoneNumber", res?.phoneNumber);

app/[locale]/(protected)/admin/management-user/internal/detail/[id]/page.tsx

@@ -203,7 +203,7 @@ export default function DetailUserForm() {
     const response = await getUserById(String(id));
     const res = response?.data?.data;
     close();
-    console.log("res", res);
+    // console.log("res", res);
     if (Number(res.roleId) > 4) {
       form.setValue("fullname", res?.fullname);
       form.setValue("username", res?.username);
@@ -215,7 +215,7 @@ export default function DetailUserForm() {
       form.setValue("level", String(res?.userLevelId));
     } else {
       initFetch();
-      console.log("sadad", res?.role?.code);
+      // console.log("sadad", res?.role?.code);
       form.setValue("fullname", res?.fullname);
       form.setValue("username", res?.username);
       form.setValue("phoneNumber", res?.phoneNumber);

app/[locale]/(protected)/admin/management-user/internal/edit/[id]/page.tsx

@@ -209,7 +209,7 @@ export default function EditUserForm() {
     const response = await getUserById(String(id));
     const res = response?.data?.data;
     close();
-    console.log("res", res);
+    // console.log("res", res);
     if (Number(res.roleId) > 4) {
       form.setValue("fullname", res?.fullname);
       form.setValue("username", res?.username);

app/[locale]/(protected)/admin/media-tracking/component/modal.tsx

@@ -43,7 +43,7 @@ export default function TrackingMediaModal(props: { triggerFetch: () => void })
     }
 
     if (/\s/.test(value)) {
-      console.log("Terdapat spasi dalam input");
+      // console.log("Terdapat spasi dalam input");
       fecthAll();
     }
 

app/[locale]/(protected)/admin/media-tracking/component/table.tsx

@@ -161,11 +161,11 @@ const NewsTable = () => {
       setCategoryFilter(
         categorie?.split("&")?.length > 1 ? categorie?.split("&") : [categorie]
       );
-      console.log(
-        "Kategori",
-        categorie,
-        categorie?.split("&")?.length > 1 ? categorie?.split("&") : [categorie]
-      );
+      // console.log(
+      //   "Kategori",
+      //   categorie,
+      //   categorie?.split("&")?.length > 1 ? categorie?.split("&") : [categorie]
+      // );
     }
   }, [categorie]);
 
@@ -177,7 +177,7 @@ const NewsTable = () => {
     } else {
       filter.splice(categoryFilter.indexOf(id), 1);
     }
-    console.log("checkbox filter", filter);
+    // console.log("checkbox filter", filter);
     setCategoryFilter(filter);
     router.push(`?category=${filter.join("&")}`);
   };

app/[locale]/(protected)/admin/media-tracking/results/component/table.tsx

@@ -179,11 +179,11 @@ const ResultTable = () => {
       setCategoryFilter(
         categorie?.split("&")?.length > 1 ? categorie?.split("&") : [categorie]
       );
-      console.log(
-        "Kategori",
-        categorie,
-        categorie?.split("&")?.length > 1 ? categorie?.split("&") : [categorie]
-      );
+      // console.log(
+      //   "Kategori",
+      //   categorie,
+      //   categorie?.split("&")?.length > 1 ? categorie?.split("&") : [categorie]
+      // );
     }
   }, [categorie]);
 
@@ -195,7 +195,7 @@ const ResultTable = () => {
     } else {
       filter.splice(categoryFilter.indexOf(id), 1);
     }
-    console.log("checkbox filter", filter);
+    // console.log("checkbox filter", filter);
     setCategoryFilter(filter);
     router.push(`?category=${filter.join("&")}`);
   };

app/[locale]/(protected)/admin/media-tracking/tb-news/component/table.tsx

@@ -151,11 +151,11 @@ const NewsTable = () => {
       setCategoryFilter(
         categorie?.split("&")?.length > 1 ? categorie?.split("&") : [categorie]
       );
-      console.log(
-        "Kategori",
-        categorie,
-        categorie?.split("&")?.length > 1 ? categorie?.split("&") : [categorie]
-      );
+      // console.log(
+      //   "Kategori",
+      //   categorie,
+      //   categorie?.split("&")?.length > 1 ? categorie?.split("&") : [categorie]
+      // );
     }
   }, [categorie]);
 
@@ -167,7 +167,7 @@ const NewsTable = () => {
     } else {
       filter.splice(categoryFilter.indexOf(id), 1);
     }
-    console.log("checkbox filter", filter);
+    // console.log("checkbox filter", filter);
     setCategoryFilter(filter);
     router.push(`?category=${filter.join("&")}`);
   };

app/[locale]/(protected)/admin/media-tracking/tracking-berita/component/table.tsx

@@ -24,6 +24,7 @@ import CustomPagination from "@/components/table/custom-pagination";
 import { close, loading } from "@/config/swal";
 import withReactContent from "sweetalert2-react-content";
 import Swal from "sweetalert2";
+import { getCookiesDecrypt } from "@/lib/utils";
 
 export default function TrackingBeritaCard() {
   const [search, setSearch] = useState("");
@@ -77,7 +78,7 @@ export default function TrackingBeritaCard() {
 
   const handleSelect = (id: number) => {
     setSelectedItems((prev) =>
-      prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]
+      prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id],
     );
   };
 
@@ -86,13 +87,24 @@ export default function TrackingBeritaCard() {
       MySwal.fire(
         "Peringatan",
         "Pilih minimal 1 berita untuk disimpan.",
-        "warning"
+        "warning",
       );
       return;
     }
 
     try {
       loading();
+      const levelNumber = Number(getCookiesDecrypt("ulne"));
+
+      const levelLimitMap: Record<number, number> = {
+        1: 5,
+        2: 2,
+        3: 2, 
+      };
+
+      const maxLimit = levelLimitMap[levelNumber] || 2;
+
+      const limitMessage = `Limit media tracking per hari sudah tercapai. Maksimal ${maxLimit} tracking per hari.`;
 
       const promises = selectedItems.map(async (id) => {
         const res = await mediaTrackingSave({
@@ -101,17 +113,31 @@ export default function TrackingBeritaCard() {
           scrapingPeriod: 3,
         });
 
-        // cek pesan API
         if (!res?.data?.success) {
-          throw new Error(
-            res?.data?.message ||
-              "Limit media tracking per hari sudah tercapai. Maksimal 5 tracking per hari."
-          );
+          throw new Error(res?.data?.message || limitMessage);
         }
 
         return res;
       });
 
+      // const promises = selectedItems.map(async (id) => {
+      //   const res = await mediaTrackingSave({
+      //     mediaUploadId: id,
+      //     duration: 24,
+      //     scrapingPeriod: 3,
+      //   });
+
+      //   // cek pesan API
+      //   if (!res?.data?.success) {
+      //     throw new Error(
+      //       res?.data?.message ||
+      //         "Limit media tracking per hari sudah tercapai. Maksimal 5 tracking per hari."
+      //     );
+      //   }
+
+      //   return res;
+      // });
+
       await Promise.all(promises);
       close();
 

app/[locale]/(protected)/admin/performance-polda/page.tsx

@@ -5,7 +5,7 @@ export default function PerformancePolda() {
   return (
     <div>
       <SiteBreadcrumb />
-      <p className="font-semibold">PERFORMANCE KUMULATIF PER POLDA</p>
+      {/* <p className="font-semibold">PERFORMANCE KUMULATIF PER POLDA</p> */}
       <PerformancePoldaViz />
     </div>
   );

app/[locale]/(protected)/admin/performance-polres/page.tsx

@@ -5,7 +5,7 @@ export default function PerformancePolda() {
   return (
     <div>
       <SiteBreadcrumb />
-      <p className="font-semibold">PERFORMANCE KUMULATIF PER POLRES</p>
+      {/* <p className="font-semibold">PERFORMANCE KUMULATIF PER POLRES</p> */}
       <PerformancePolresViz />
     </div>
   );

app/[locale]/(protected)/admin/performance-satker/page.tsx

@@ -6,7 +6,6 @@ export default function PerformanceSatker() {
   return (
     <div>
       <SiteBreadcrumb />
-      <p className="font-semibold">PERFORMANCE KUMULATIF PER SATKER</p>
       <PerformanceSatkerViz />
     </div>
   );

app/[locale]/(protected)/admin/settings/banner/component/banner-table.tsx

@@ -97,7 +97,7 @@ const BannerListTable = () => {
 
     const response = await listBanner();
     const data = response?.data?.data?.content;
-    console.log("banner", data);
+    // console.log("banner", data);
     setGetData(data);
 
     close();

app/[locale]/(protected)/admin/settings/banner/component/table.tsx

@@ -176,7 +176,7 @@ const ContentListBanner = () => {
         item.no = (page - 1) * Number(showData) + index + 1;
       });
 
-      console.log("contentData : ", data);
+      // console.log("contentData : ", data);
 
       setData(contentData);
       setTotalData(data?.totalElements);

app/[locale]/(protected)/admin/settings/category/component/column.tsx

@@ -88,7 +88,7 @@ const columns: ColumnDef<any>[] = [
 
       const categoryDelete = async (id: number) => {
         const response = await deleteCategory(id);
-        console.log(response);
+        // console.log(response);
         if (response?.error) {
           error(response.message);
           return false;

app/[locale]/(protected)/admin/settings/category/component/create.tsx

@@ -300,11 +300,11 @@ export default function CreateCategoryModal() {
                                     onCheckedChange={(checked) => {
                                       return checked
                                         ? field.onChange([
-                                            ...field.value,
+                                            ...(field.value ?? []),
                                             item.id,
                                           ])
                                         : field.onChange(
-                                            field.value?.filter(
+                                            (field.value ?? []).filter(
                                               (value) => value !== item.id
                                             )
                                           );
@@ -371,11 +371,11 @@ export default function CreateCategoryModal() {
                                     onCheckedChange={(checked) => {
                                       return checked
                                         ? field.onChange([
-                                            ...field.value,
+                                            ...(field.value ?? []),
                                             item.id,
                                           ])
                                         : field.onChange(
-                                            field.value?.filter(
+                                            (field.value ?? []).filter(
                                               (value) => value !== item.id
                                             )
                                           );
@@ -443,11 +443,11 @@ export default function CreateCategoryModal() {
                                         onCheckedChange={(checked) => {
                                           return checked
                                             ? field.onChange([
-                                                ...field.value,
+                                                ...(field.value ?? []),
                                                 item.id,
                                               ])
                                             : field.onChange(
-                                                field.value?.filter(
+                                                (field.value ?? []).filter(
                                                   (value) => value !== item.id
                                                 )
                                               );

app/[locale]/(protected)/admin/settings/category/component/edit.tsx

@@ -326,11 +326,11 @@ export default function EditCategoryModal(props: {
                                     onCheckedChange={(checked) => {
                                       return checked
                                         ? field.onChange([
-                                            ...field.value,
+                                            ...(field.value ?? []),
                                             item.id,
                                           ])
                                         : field.onChange(
-                                            field.value?.filter(
+                                            (field.value ?? []).filter(
                                               (value) => value !== item.id
                                             )
                                           );
@@ -398,11 +398,11 @@ export default function EditCategoryModal(props: {
                                     onCheckedChange={(checked) => {
                                       return checked
                                         ? field.onChange([
-                                            ...field.value,
+                                            ...(field.value ?? []),
                                             item.id,
                                           ])
                                         : field.onChange(
-                                            field.value?.filter(
+                                            (field.value ?? []).filter(
                                               (value) => value !== item.id
                                             )
                                           );
@@ -473,11 +473,11 @@ export default function EditCategoryModal(props: {
                                         onCheckedChange={(checked) => {
                                           return checked
                                             ? field.onChange([
-                                                ...field.value,
+                                                ...(field.value ?? []),
                                                 item.id,
                                               ])
                                             : field.onChange(
-                                                field.value?.filter(
+                                                (field.value ?? []).filter(
                                                   (value) => value !== item.id
                                                 )
                                               );

app/[locale]/(protected)/admin/settings/category/component/unit-mapping.tsx

@@ -150,11 +150,11 @@ export function UnitMapping(props: {
                                   onCheckedChange={(checked) => {
                                     return checked
                                       ? field.onChange([
-                                          ...field.value,
+                                          ...(field.value ?? []),
                                           String(item.id),
                                         ])
                                       : field.onChange(
-                                          field.value?.filter(
+                                          (field.value ?? []).filter(
                                             (value) => value !== String(item.id)
                                           )
                                         );
@@ -223,11 +223,11 @@ export function UnitMapping(props: {
                                   onCheckedChange={(checked) => {
                                     return checked
                                       ? field.onChange([
-                                          ...field.value,
+                                          ...(field.value ?? []),
                                           String(item.id),
                                         ])
                                       : field.onChange(
-                                          field.value?.filter(
+                                          (field.value ?? []).filter(
                                             (value) => value !== String(item.id)
                                           )
                                         );

app/[locale]/(protected)/admin/settings/faq/component/column.tsx

@@ -68,7 +68,7 @@ const columns: ColumnDef<any>[] = [
 
       const faqDelete = async (id: string) => {
         const response = await deleteDataFAQ(id);
-        console.log(response);
+        // console.log(response);
         if (response?.error) {
           error(response.message);
           return false;

app/[locale]/(protected)/admin/settings/faq/component/table.tsx

@@ -110,7 +110,7 @@ const AdminFAQTable = () => {
       loading();
       const response = await getListFAQ();
       const data = response?.data?.data;
-      console.log("respone", response);
+      // console.log("respone", response);
       data.forEach((item: any, index: number) => {
         item.no = (page - 1) * 10 + index + 1;
       });

app/[locale]/(protected)/admin/settings/feedback/component/column.tsx

@@ -69,7 +69,7 @@ const columns: ColumnDef<any>[] = [
 
       const faqDelete = async (id: string) => {
         const response = await deleteDataFAQ(id);
-        console.log(response);
+        // console.log(response);
         if (response?.error) {
           error(response.message);
           return false;

app/[locale]/(protected)/admin/settings/feedback/component/table.tsx

@@ -109,7 +109,7 @@ const AdminFeedbackTable = () => {
       loading();
       const response = await getListFeedback();
       const data = response?.data?.data;
-      console.log("respone", response);
+      // console.log("respone", response);
       data.forEach((item: any, index: number) => {
         item.no = (page - 1) * 10 + index + 1;
       });

app/[locale]/(protected)/admin/settings/iklan/component/popup-table.tsx

@@ -97,7 +97,7 @@ const IklanListTable = () => {
 
     const response = await listBanner();
     const data = response?.data?.data?.content;
-    console.log("banner", data);
+    // console.log("banner", data);
     setGetData(data);
 
     close();

app/[locale]/(protected)/admin/settings/iklan/component/table.tsx

@@ -160,7 +160,7 @@ const AdvertisementsList = () => {
         item.no = (page - 1) * Number(showData) + index + 1;
       });
 
-      console.log("contentData : ", data);
+      // console.log("contentData : ", data);
 
       setDataTable(contentData);
       setTotalData(data?.totalElements);

app/[locale]/(protected)/admin/settings/license/component/table.tsx

@@ -0,0 +1,255 @@
+"use client";
+
+import * as React from "react";
+import {
+  ColumnDef,
+  flexRender,
+  getCoreRowModel,
+  useReactTable,
+} from "@tanstack/react-table";
+
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { useTranslations } from "next-intl";
+import { Icon } from "@iconify/react";
+
+interface LicenseComponent {
+  id: string;
+  serialNumber: string;
+  licensor: string;
+  product: string;
+  customer: string;
+  capacity: string;
+}
+
+const LicenseTable = () => {
+  const t = useTranslations("Menu");
+  const [licenseData, setLicenseData] = React.useState<LicenseComponent[]>([]);
+
+  React.useEffect(() => {
+    // Static license data from XML file
+    const licenseComponents: LicenseComponent[] = [
+      {
+        id: "1",
+        serialNumber: "IDC-ML-134360021025",
+        licensor: "SmartFace Tech Private Limited",
+        product: "Intelligent Digital Content",
+        customer: "HUMAS POLRI Indonesia",
+        capacity: "Unlimited"
+      },
+      {
+        id: "2",
+        serialNumber: "ANV-ML-90370021025",
+        licensor: "SmartFace Tech Private Limited",
+        product: "Analytics and Visualization",
+        customer: "HUMAS POLRI Indonesia",
+        capacity: "Unlimited"
+      },
+      {
+        id: "3",
+        serialNumber: "CORA-L1.1-134400021025",
+        licensor: "SmartFace Tech Private Limited",
+        product: "Content Curation",
+        customer: "HUMAS POLRI Indonesia",
+        capacity: "Unlimited"
+      },
+      {
+        id: "4",
+        serialNumber: "TEMA-ML-134500021025",
+        licensor: "SmartFace Tech Private Limited",
+        product: "Content Management",
+        customer: "HUMAS POLRI Indonesia",
+        capacity: "Unlimited"
+      },
+      {
+        id: "5",
+        serialNumber: "ERI-L1.1-134900021025",
+        licensor: "SmartFace Tech Private Limited",
+        product: "Emergency Issue",
+        customer: "HUMAS POLRI Indonesia",
+        capacity: "Unlimited"
+      },
+      {
+        id: "6",
+        serialNumber: "FEC-L1.1-134800021025",
+        licensor: "SmartFace Tech Private Limited",
+        product: "Feedback Center",
+        customer: "HUMAS POLRI Indonesia",
+        capacity: "Unlimited"
+      },
+      {
+        id: "7",
+        serialNumber: "OPTIC-L.1.1-134600021025",
+        licensor: "SmartFace Tech Private Limited",
+        product: "Optimization Content",
+        customer: "HUMAS POLRI Indonesia",
+        capacity: "Unlimited"
+      },
+      {
+        id: "8",
+        serialNumber: "PREC-L1.1-134700021025",
+        licensor: "SmartFace Tech Private Limited",
+        product: "Press Conference",
+        customer: "HUMAS POLRI Indonesia",
+        capacity: "Unlimited"
+      }
+    ];
+    
+    setLicenseData(licenseComponents);
+  }, []);
+
+  const columns: ColumnDef<LicenseComponent>[] = [
+    {
+      accessorKey: "id",
+      header: "No",
+      cell: ({ row }) => (
+        <div className="font-medium">{row.getValue("id")}</div>
+      ),
+    },
+    {
+      accessorKey: "product",
+      header: "Product",
+      cell: ({ row }) => (
+        <div className="font-medium">{row.getValue("product")}</div>
+      ),
+    },
+    {
+      accessorKey: "serialNumber",
+      header: "Serial Number",
+      cell: ({ row }) => (
+        <div className="font-mono text-sm">{row.getValue("serialNumber")}</div>
+      ),
+    },
+    {
+      accessorKey: "licensor",
+      header: "Licensor",
+      cell: ({ row }) => <div>{row.getValue("licensor")}</div>,
+    },
+    {
+      accessorKey: "customer",
+      header: "Customer",
+      cell: ({ row }) => <div>{row.getValue("customer")}</div>,
+    },
+    {
+      accessorKey: "capacity",
+      header: "Capacity",
+      cell: ({ row }) => (
+        <div className="flex items-center gap-2">
+          <span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
+            {row.getValue("capacity")}
+          </span>
+        </div>
+      ),
+    },
+  ];
+
+  const table = useReactTable({
+    data: licenseData,
+    columns,
+    getCoreRowModel: getCoreRowModel(),
+  });
+
+  return (
+    <Card>
+      <CardHeader>
+        <div className="flex items-center justify-between">
+          <div className="flex items-center gap-2">
+            <Icon icon="heroicons:key" className="w-6 h-6 text-primary" />
+            <CardTitle>{t("license")} Information</CardTitle>
+          </div>
+        </div>
+        <p className="text-sm text-muted-foreground mt-2">
+          License details for SmartFace Tech products - Valid start from 2025
+        </p>
+      </CardHeader>
+      <CardContent>
+        <div className="rounded-md border">
+          <Table>
+            <TableHeader>
+              {table.getHeaderGroups().map((headerGroup) => (
+                <TableRow key={headerGroup.id}>
+                  {headerGroup.headers.map((header) => (
+                    <TableHead key={header.id}>
+                      {header.isPlaceholder
+                        ? null
+                        : flexRender(
+                            header.column.columnDef.header,
+                            header.getContext()
+                          )}
+                    </TableHead>
+                  ))}
+                </TableRow>
+              ))}
+            </TableHeader>
+            <TableBody>
+              {table.getRowModel().rows?.length ? (
+                table.getRowModel().rows.map((row) => (
+                  <TableRow
+                    key={row.id}
+                    data-state={row.getIsSelected() && "selected"}
+                  >
+                    {row.getVisibleCells().map((cell) => (
+                      <TableCell key={cell.id}>
+                        {flexRender(
+                          cell.column.columnDef.cell,
+                          cell.getContext()
+                        )}
+                      </TableCell>
+                    ))}
+                  </TableRow>
+                ))
+              ) : (
+                <TableRow>
+                  <TableCell
+                    colSpan={columns.length}
+                    className="h-24 text-center"
+                  >
+                    No license data available.
+                  </TableCell>
+                </TableRow>
+              )}
+            </TableBody>
+          </Table>
+        </div>
+        
+        {licenseData.length > 0 && (
+          <div className="mt-4 p-4 bg-muted/50 rounded-lg">
+            <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+              <div className="flex items-center gap-2">
+                <Icon icon="heroicons:building-office" className="w-5 h-5 text-primary" />
+                <div>
+                  <p className="text-sm font-medium">Customer</p>
+                  <p className="text-sm text-muted-foreground">{licenseData[0]?.customer}</p>
+                </div>
+              </div>
+              <div className="flex items-center gap-2">
+                <Icon icon="heroicons:building-library" className="w-5 h-5 text-primary" />
+                <div>
+                  <p className="text-sm font-medium">Licensor</p>
+                  <p className="text-sm text-muted-foreground">{licenseData[0]?.licensor}</p>
+                </div>
+              </div>
+              <div className="flex items-center gap-2">
+                <Icon icon="heroicons:cube" className="w-5 h-5 text-primary" />
+                <div>
+                  <p className="text-sm font-medium">Total Components</p>
+                  <p className="text-sm text-muted-foreground">{licenseData.length} Products Licensed</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        )}
+      </CardContent>
+    </Card>
+  );
+};
+
+export default LicenseTable;
+

app/[locale]/(protected)/admin/settings/license/page.tsx

@@ -0,0 +1,13 @@
+"use client";
+import SiteBreadcrumb from "@/components/site-breadcrumb";
+import LicenseTable from "./component/table";
+
+export default function LicensePage() {
+  return (
+    <>
+      <SiteBreadcrumb />
+      <LicenseTable />
+    </>
+  );
+}
+

app/[locale]/(protected)/admin/settings/popup/component/popup-table.tsx

@@ -100,7 +100,7 @@ const PopUpListTable = () => {
 
     const response = await getListPopUp();
     const data = response?.data?.data?.content;
-    console.log("banner", data);
+    // console.log("banner", data);
     setGetData(data);
 
     close();

app/[locale]/(protected)/admin/settings/popup/component/table.tsx

@@ -178,7 +178,7 @@ const ContentListPopUp = () => {
         item.no = (page - 1) * Number(showData) + index + 1;
       });
 
-      console.log("contentData : ", data);
+      // console.log("contentData : ", data);
 
       setData(contentData);
       setTotalData(data?.totalElements);

app/[locale]/(protected)/admin/settings/setting-tracking/component/detail.tsx

@@ -64,7 +64,7 @@ export default function DetailSettingTracking(props: {
   });
 
   const onSubmit = (values: any) => {
-    console.log("Submitted values:", values);
+    // console.log("Submitted values:", values);
     setIsOpen(false);
   };
 
@@ -98,11 +98,11 @@ export default function DetailSettingTracking(props: {
                     {wilayahList.map((item) => (
                       <div key={item.id} className="flex items-center gap-2">
                         <Checkbox
-                          checked={field.value.includes(item.id)}
+                          checked={field.value?.includes(item.id) ?? false}
                           onCheckedChange={(checked) => {
                             const updated = checked
-                              ? [...field.value, item.id]
-                              : field.value.filter((val) => val !== item.id);
+                              ? [...(field.value ?? []), item.id]
+                              : (field.value ?? []).filter((val) => val !== item.id);
                             field.onChange(updated);
                           }}
                         />
@@ -124,11 +124,11 @@ export default function DetailSettingTracking(props: {
                     {jumlahList.map((num) => (
                       <div key={num} className="flex items-center gap-2">
                         <Checkbox
-                          checked={field.value.includes(num)}
+                          checked={field.value?.includes(num) ?? false}
                           onCheckedChange={(checked) => {
                             const updated = checked
-                              ? [...field.value, num]
-                              : field.value.filter((val) => val !== num);
+                              ? [...(field.value ?? []), num]
+                              : (field.value ?? []).filter((val) => val !== num);
                             field.onChange(updated);
                           }}
                         />

app/[locale]/(protected)/admin/settings/setting-tracking/component/update.tsx

@@ -64,7 +64,7 @@ export default function UpdateSettingTracking(props: {
   });
 
   const onSubmit = (values: any) => {
-    console.log("Submitted values:", values);
+    // console.log("Submitted values:", values);
     setIsOpen(false);
   };
 
@@ -98,11 +98,11 @@ export default function UpdateSettingTracking(props: {
                     {wilayahList.map((item) => (
                       <div key={item.id} className="flex items-center gap-2">
                         <Checkbox
-                          checked={field.value.includes(item.id)}
+                          checked={field.value?.includes(item.id) ?? false}
                           onCheckedChange={(checked) => {
                             const updated = checked
-                              ? [...field.value, item.id]
-                              : field.value.filter((val) => val !== item.id);
+                              ? [...(field.value ?? []), item.id]
+                              : (field.value ?? []).filter((val) => val !== item.id);
                             field.onChange(updated);
                           }}
                         />
@@ -124,11 +124,11 @@ export default function UpdateSettingTracking(props: {
                     {jumlahList.map((num) => (
                       <div key={num} className="flex items-center gap-2">
                         <Checkbox
-                          checked={field.value.includes(num)}
+                          checked={field.value?.includes(num) ?? false}
                           onCheckedChange={(checked) => {
                             const updated = checked
-                              ? [...field.value, num]
-                              : field.value.filter((val) => val !== num);
+                              ? [...(field.value ?? []), num]
+                              : (field.value ?? []).filter((val) => val !== num);
                             field.onChange(updated);
                           }}
                         />

app/[locale]/(protected)/admin/settings/tag/component/create.tsx

@@ -72,7 +72,7 @@ export default function CreateTagModal() {
       categoryId: Number(data.category),
       isActive: true,
     };
-    console.log("reqqq", request);
+    // console.log("reqqq", request);
     // const response = await postDataFeedback(request);
     // close();
     // if (response?.error) {
@@ -93,7 +93,7 @@ export default function CreateTagModal() {
   async function getCategoryParent() {
     const response = await getCategoriesAll();
     const res = response?.data?.data.content;
-    console.log("res", res);
+    // console.log("res", res);
     var levelsArr: { id: number; label: string; value: string }[] = [];
     res.forEach((levels: { id: number; name: string }) => {
       levelsArr.push({

app/[locale]/(protected)/admin/settings/tag/component/edit.tsx

@@ -145,7 +145,7 @@ export default function EditTagModal(props: {
   async function getCategoryParent() {
     const response = await getCategoriesAll();
     const res = response?.data?.data.content;
-    console.log("res", res);
+    // console.log("res", res);
     var levelsArr: { id: number; label: string; value: string }[] = [];
     res.forEach((levels: { id: number; name: string }) => {
       levelsArr.push({

app/[locale]/(protected)/admin/survey/component/table.tsx

@@ -173,7 +173,7 @@ const SurveyListTable = () => {
         item.no = (page - 1) * 10 + index + 1;
       });
 
-      console.log("contentData : ", data);
+      // console.log("contentData : ", data);
 
       setDataTable(contentData);
       setTotalData(data?.totalElements);

app/[locale]/(protected)/contributor/agenda-setting/calender-view.tsx

@@ -178,7 +178,7 @@ const CalendarView = ({ categories }: CalendarViewProps) => {
           },
         }));
 
-        console.log("Event Data : ", events);
+        // console.log("Event Data : ", events);
         setCalendarEvents(events);
       }
     } catch (err) {
@@ -217,7 +217,7 @@ const CalendarView = ({ categories }: CalendarViewProps) => {
 
   const filteredEvents = calendarEvents.filter((event) => {
     if (!selectedCategory.length) return false;
-    console.log("Event category : ", selectedCategory);
+    // console.log("Event category : ", selectedCategory);
 
     const eventCategories = event.extendedProps.calendar
       ?.split(",")

app/[locale]/(protected)/contributor/agenda-setting/event-modal.tsx

@@ -726,7 +726,7 @@ const EventModal = ({
       endDate: date?.to ? format(date.to, "yyyy-MM-dd") : null,
     };
 
-    console.log("Submitted Data:", reqData);
+    // console.log("Submitted Data:", reqData);
 
     const response = await saveAgendaSettings(reqData);
     if (response?.error) {
@@ -794,9 +794,6 @@ const EventModal = ({
   };
 
   useEffect(() => {
-    console.log("Event data:", event);
-    console.log("Selected date:", selectedDate);
-
     if (selectedDate) {
       setDate({
         from: selectedDate.date,
@@ -829,7 +826,7 @@ const EventModal = ({
   };
 
   const toggleExpand = (poldaId: any) => {
-    console.log("Toogle : ", expandedPolda);
+    // console.log("Toogle : ", expandedPolda);
     setExpandedPolda((prev: any) => ({
       ...prev,
       [poldaId]: !prev[poldaId],
@@ -890,7 +887,7 @@ const EventModal = ({
     fileTypeId: string,
     duration: string
   ) {
-    console.log(idx, id, file, fileTypeId, duration);
+    // console.log(idx, id, file, fileTypeId, duration);
 
     const resCsrf = await getCsrfToken();
     const csrfToken = resCsrf?.data?.token;
@@ -915,7 +912,7 @@ const EventModal = ({
         xhr.withCredentials = true;
       },
       onError: async (e: any) => {
-        console.log("Error upload :", e);
+        // console.log("Error upload :", e);
         error(e);
       },
       onChunkComplete: (
@@ -1037,7 +1034,7 @@ const EventModal = ({
     }).then(() => {
       if (redirect === window.location.pathname) {
         fetch(redirect, { method: "GET", cache: "reload" }).then(() => {
-          console.log("Data diperbarui.");
+          // console.log("Data diperbarui.");
         });
       } else {
         window.location.href = redirect;
@@ -1139,7 +1136,7 @@ const EventModal = ({
                         defaultMonth={date?.from}
                         selected={date}
                         onSelect={(newDate) => {
-                          console.log("Date selected:", newDate);
+                          // console.log("Date selected:", newDate);
                           setDate(newDate);
                           if (newDate?.from && newDate?.to) {
                             setIsDatePickerOpen(false);

app/[locale]/(protected)/contributor/agenda-setting/page.tsx

@@ -22,14 +22,14 @@ const CalenderPage = () => {
       let valueShowed: string[] = [];
       if (userLevelNumber == 1) {
         valueShowed = ["0", "1", "2", "3", "4", "5"];
-      } else if (userLevelNumber == 2 && userLevelId != 761) {
+      } else if (userLevelNumber == 2 && userLevelId != 771) {
         valueShowed = ["2", "3"];
       } else if (
-        (userLevelNumber == 2 && userLevelId == 761) ||
-        (userLevelNumber == 3 && userParentLevelId == 761)
+        (userLevelNumber == 2 && userLevelId == 771) ||
+        (userLevelNumber == 3 && userParentLevelId == 771)
       ) {
         valueShowed = ["4"];
-      } else if (userLevelNumber == 3 && userParentLevelId != 761) {
+      } else if (userLevelNumber == 3 && userParentLevelId != 771) {
         valueShowed = ["3"];
       }
 
@@ -39,7 +39,7 @@ const CalenderPage = () => {
           ...category,
           activeClass: "",
         }));
-      console.log(formattedCategories);
+      // console.log(formattedCategories);
       setCategories(formattedCategories);
     }
   }, []);

app/[locale]/(protected)/contributor/blog/components/blog-table.tsx

@@ -127,7 +127,7 @@ const BlogTable = () => {
         item.no = (page - 1) * Number(showData) + index + 1;
       });
 
-      console.log("contentData : ", contentData);
+      // console.log("contentData : ", contentData);
 
       setDataTable(contentData);
       setTotalData(data?.totalElements);

app/[locale]/(protected)/contributor/content/audio/components/columns.tsx

@@ -105,13 +105,13 @@ const useTableColumns = () => {
         if (isPublish && !isPublishOnPolda) {
           displayText = "Mabes";
         } else if (isPublish && isPublishOnPolda) {
-          if (Number(creatorGroupParentLevelId) == 761) {
+          if (Number(creatorGroupParentLevelId) == 771) {
             displayText = "Mabes & Satker";
           } else {
             displayText = "Mabes & Polda";
           }
         } else if (!isPublish && isPublishOnPolda) {
-          if (Number(creatorGroupParentLevelId) == 761) {
+          if (Number(creatorGroupParentLevelId) == 771) {
             displayText = "Satker";
           } else {
             displayText = "Polda";

app/[locale]/(protected)/contributor/content/image/components/columns.tsx

@@ -107,13 +107,13 @@ const useTableColumns = () => {
         if (isPublish && !isPublishOnPolda) {
           displayText = "Mabes";
         } else if (isPublish && isPublishOnPolda) {
-          if (Number(creatorGroupParentLevelId) == 761) {
+          if (Number(creatorGroupParentLevelId) == 771) {
             displayText = "Mabes & Satker";
           } else {
             displayText = "Mabes & Polda";
           }
         } else if (!isPublish && isPublishOnPolda) {
-          if (Number(creatorGroupParentLevelId) == 761) {
+          if (Number(creatorGroupParentLevelId) == 771) {
             displayText = "Satker";
           } else {
             displayText = "Polda";

app/[locale]/(protected)/contributor/content/image/components/table-image.tsx

@@ -53,7 +53,7 @@ const TableImage = () => {
   const [totalPage, setTotalPage] = React.useState(1);
   const [sorting, setSorting] = React.useState<SortingState>([]);
   const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
-    []
+    [],
   );
   const [columnVisibility, setColumnVisibility] =
     React.useState<VisibilityState>({});
@@ -64,7 +64,7 @@ const TableImage = () => {
   const [searchTimeout, setSearchTimeout] = React.useState<any>(null);
   const [categories, setCategories] = React.useState<any[]>([]);
   const [selectedCategories, setSelectedCategories] = React.useState<number[]>(
-    []
+    [],
   );
   const [categoryFilter, setCategoryFilter] = React.useState<string>("");
   const [statusFilter, setStatusFilter] = React.useState<any[]>([]);
@@ -170,6 +170,10 @@ const TableImage = () => {
       }
 
       const isForSelf = Number(roleId) === 4;
+
+      const isNeedApproval = statusFilter.includes(1);
+      const needApprovalFrom = isNeedApproval ? userLevelId : "";
+
       const res = await listDataImage(
         parseInt(showData) || 10,
         page - 1,
@@ -177,16 +181,33 @@ const TableImage = () => {
         !isForSelf,
         categoryFilter,
         statusFilter,
-        statusFilter?.sort().join(",").includes("1") ? userLevelId : "",
+        needApprovalFrom,
         filterByCreator,
         filterBySource,
         formattedStartDate,
         formattedEndDate,
         customSearch ?? search,
         filterByCreatorGroup,
-        locale == "en"
+        locale == "en",
       );
 
+      // const res = await listDataImage(
+      //   parseInt(showData) || 10,
+      //   page - 1,
+      //   isForSelf,
+      //   !isForSelf,
+      //   categoryFilter,
+      //   statusFilter,
+      //   statusFilter?.sort().join(",").includes("1") ? userLevelId : "",
+      //   filterByCreator,
+      //   filterBySource,
+      //   formattedStartDate,
+      //   formattedEndDate,
+      //   customSearch ?? search,
+      //   filterByCreatorGroup,
+      //   locale == "en"
+      // );
+
       const data = res?.data?.data;
       const contentData = data?.content || [];
       const newData = contentData.map((item: any, index: number) => ({
@@ -209,7 +230,7 @@ const TableImage = () => {
     setSelectedCategories((prev) =>
       prev.includes(categoryId)
         ? prev.filter((id) => id !== categoryId)
-        : [...prev, categoryId]
+        : [...prev, categoryId],
     );
 
     setCategoryFilter((prev) => {
@@ -225,7 +246,7 @@ const TableImage = () => {
     setStatusFilter((prev: any) =>
       prev.includes(value)
         ? prev.filter((status: any) => status !== value)
-        : [...prev, value]
+        : [...prev, value],
     );
   };
 
@@ -253,14 +274,14 @@ const TableImage = () => {
   };
 
   const handleSearchFilterByCreator = (
-    e: React.ChangeEvent<HTMLInputElement>
+    e: React.ChangeEvent<HTMLInputElement>,
   ) => {
     setFilterByCreator(e.target.value);
     fetchData();
   };
 
   const handleSearchFilterBySource = (
-    e: React.ChangeEvent<HTMLInputElement>
+    e: React.ChangeEvent<HTMLInputElement>,
   ) => {
     setFilterBySource(e.target.value);
     fetchData();
@@ -430,10 +451,10 @@ const TableImage = () => {
                   id === 1
                     ? "Menunggu Review"
                     : id === 2
-                    ? "Diterima"
-                    : id === 3
-                    ? "Minta Update"
-                    : "Ditolak";
+                      ? "Diterima"
+                      : id === 3
+                        ? "Minta Update"
+                        : "Ditolak";
                 return (
                   <div key={id} className="flex items-center px-4 py-1">
                     <input
@@ -491,7 +512,7 @@ const TableImage = () => {
                     ? null
                     : flexRender(
                         header.column.columnDef.header,
-                        header.getContext()
+                        header.getContext(),
                       )}
                 </TableHead>
               ))}

app/[locale]/(protected)/contributor/content/nulis-ai/components/table-nulis.tsx

@@ -133,7 +133,7 @@ const TableTeks = () => {
         item.no = (page - 1) * limit + index + 1;
       });
 
-      console.log("contentData : ", contentData);
+      // console.log("contentData : ", contentData);
 
       setDataTable(contentData);
       setTotalData(data?.totalElements);

app/[locale]/(protected)/contributor/content/spit/table-spit/columns.tsx

@@ -15,7 +15,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { format } from "date-fns";
+import { format, parseISO } from "date-fns";
 import { Link } from "@/components/navigation";
 import { useTranslations } from "next-intl";
 import withReactContent from "sweetalert2-react-content";
@@ -118,21 +118,43 @@ const useTableColumns = () => {
         );
       },
     },
+    // {
+    //   accessorKey: "contentCreatedDate",
+    //   header: t("upload-date", { defaultValue: "Upload Date" }),
+    //   cell: ({ row }) => {
+    //     const createdAt = row.getValue("contentCreatedDate") as
+    //       | string
+    //       | number
+    //       | undefined;
+    //     const formattedDate =
+    //       createdAt && !isNaN(new Date(createdAt).getTime())
+    //         ? format(new Date(createdAt), "dd-MM-yyyy HH:mm:ss")
+    //         : "-";
+    //     return <span className="whitespace-nowrap">{formattedDate}</span>;
+    //   },
+    // },
     {
       accessorKey: "contentCreatedDate",
       header: t("upload-date", { defaultValue: "Upload Date" }),
       cell: ({ row }) => {
-        const createdAt = row.getValue("contentCreatedDate") as
-          | string
-          | number
-          | undefined;
-        const formattedDate =
-          createdAt && !isNaN(new Date(createdAt).getTime())
-            ? format(new Date(createdAt), "dd-MM-yyyy HH:mm:ss")
-            : "-";
+        const createdAt = row.getValue("contentCreatedDate") as string | null;
+
+        if (!createdAt) return <span>-</span>;
+
+        // parse ISO string dari API (UTC)
+        const date = parseISO(createdAt);
+
+        // geser balik dengan timezoneOffset supaya yang tampil = UTC
+        const utcDate = new Date(
+          date.getTime() + date.getTimezoneOffset() * 60000
+        );
+
+        const formattedDate = format(utcDate, "dd-MM-yyyy HH:mm:ss");
+
         return <span className="whitespace-nowrap">{formattedDate}</span>;
       },
     },
+
     {
       id: "actions",
       accessorKey: "action",
@@ -144,7 +166,7 @@ const useTableColumns = () => {
 
         const handleClick = (e: React.MouseEvent) => {
           if (e.ctrlKey) {
-            console.log("Ctrl + Click detected");
+            // console.log("Ctrl + Click detected");
           }
           // Paksa buka menu meskipun ctrl ditekan
           setOpen(true);

app/[locale]/(protected)/contributor/content/spit/table-spit/table-spit.tsx

@@ -92,7 +92,7 @@ const TableSPIT = () => {
   const userId = getCookiesDecrypt("uie");
   const userLevelId = getCookiesDecrypt("ulie");
   const t = useTranslations("AnalyticsDashboard");
-  const [dateFilter, setDateFilter] = React.useState("");
+  // const [dateFilter, setDateFilter] = React.useState("");
   const [totalData, setTotalData] = React.useState<number>(1);
   const [sorting, setSorting] = React.useState<SortingState>([]);
   const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
@@ -106,6 +106,9 @@ const TableSPIT = () => {
   });
   const [categories, setCategories] = React.useState<any[]>([]);
   const roleId = getCookiesDecrypt("urie");
+  const [startDate, setStartDate] = React.useState("");
+  const [endDate, setEndDate] = React.useState("");
+
   const columns = useTableColumns();
   const table = useReactTable({
     data: spitTable,
@@ -159,6 +162,15 @@ const TableSPIT = () => {
     }
   }, [searchParams]);
 
+  React.useEffect(() => {
+    setPage(1);
+    setPagination({
+      pageIndex: 0,
+      pageSize: Number(showData),
+    });
+    fetchData();
+  }, [startDate, endDate]);
+
   // React.useEffect(() => {
   //   fetchData();
   // }, [showData, page, search, statusFilter, dateFilter]);
@@ -176,10 +188,38 @@ const TableSPIT = () => {
   //   // endDate,
   // ]);
 
+  const handleResetFilter = () => {
+    setSearch("");
+    setStatusFilter([]);
+    setStartDate("");
+    setEndDate("");
+    setShowData("10");
+    setPage(1);
+
+    // kalau pakai tanstack pagination
+    setPagination({
+      pageIndex: 0,
+      pageSize: 10,
+    });
+
+    table.resetRowSelection();
+
+    fetchData();
+  };
+
   React.useEffect(() => {
     fetchData();
     getCategories();
-  }, [statusFilter, page, showData, search, dateFilter]);
+  }, [
+    startDate,
+    endDate,
+    statusFilter,
+    showData,
+    page,
+    search,
+    pagination.pageIndex,
+    pagination.pageSize,
+  ]);
 
   async function getCategories() {
     const category = await listEnableCategory("4");
@@ -188,11 +228,11 @@ const TableSPIT = () => {
   }
 
   // Panggil fetchData otomatis ketika dateFilter berubah
-  React.useEffect(() => {
-    if (dateFilter) {
-      fetchData();
-    }
-  }, [dateFilter]);
+  // React.useEffect(() => {
+  //   if (dateFilter) {
+  //     fetchData();
+  //   }
+  // }, [dateFilter]);
 
   async function fetchData() {
     let isPublish;
@@ -203,18 +243,27 @@ const TableSPIT = () => {
     } else {
       isPublish = statusFilter.includes(1) ? false : true;
     }
+    const formattedStartDate = startDate
+      ? format(new Date(startDate), "yyyy-MM-dd")
+      : "";
 
-    const formattedStartDate = dateFilter
-      ? format(new Date(dateFilter + "T00:00:00"), "yyyy-MM-dd")
+    const formattedEndDate = endDate
+      ? format(new Date(endDate), "yyyy-MM-dd")
       : "";
 
     try {
       const res = await listSPIT(
+        // showData,
+        // page - 1,
+        // // limit,
+        // search,
+        // formattedStartDate,
+        // isPublish
         showData,
         page - 1,
-        // limit,
         search,
         formattedStartDate,
+        formattedEndDate,
         isPublish
       );
       const data = res?.data?.data;
@@ -231,6 +280,78 @@ const TableSPIT = () => {
     }
   }
 
+  // async function fetchData() {
+  //   let isPublish;
+  //   if (statusFilter.length === 0) {
+  //     isPublish = "";
+  //   } else if (statusFilter.length > 1) {
+  //     isPublish = "";
+  //   } else {
+  //     isPublish = statusFilter.includes(1) ? false : true;
+  //   }
+
+  //   // ✳️ format tanggal dari input (YYYY-MM-DD)
+  //   const formattedStartDate = startDate
+  //     ? format(new Date(startDate), "yyyy-MM-dd")
+  //     : "";
+
+  //   const formattedEndDate = endDate
+  //     ? format(new Date(endDate), "yyyy-MM-dd")
+  //     : "";
+
+  //   try {
+  //     const res = await listSPIT(
+  //       showData,
+  //       page - 1,
+  //       search,
+  //       formattedStartDate,
+  //       formattedEndDate,
+  //       isPublish
+  //     );
+
+  //     const data = res?.data?.data;
+  //     let contentData: any[] = data?.content || [];
+
+  //     // 🔒 FRONTEND RANGE FILTER TAMBAHAN (anti bocor November)
+  //     if (formattedStartDate || formattedEndDate) {
+  //       contentData = contentData.filter((item) => {
+  //         if (!item.contentCreatedDate) return false;
+
+  //         // jadikan string tanggal lokal 'yyyy-MM-dd'
+  //         const createdDateStr = format(
+  //           new Date(item.contentCreatedDate),
+  //           "yyyy-MM-dd"
+  //         );
+
+  //         if (formattedStartDate && createdDateStr < formattedStartDate) {
+  //           return false;
+  //         }
+
+  //         if (formattedEndDate && createdDateStr > formattedEndDate) {
+  //           return false;
+  //         }
+
+  //         return true;
+  //       });
+  //     }
+
+  //     // kasih nomor urut
+  //     const newData = contentData.map((item: any, index: number) => ({
+  //       ...item,
+  //       no: (page - 1) * Number(showData) + index + 1,
+  //     }));
+
+  //     setSpitTable(newData);
+  //     setTotalData(data?.totalElements || 0);
+  //     setTotalPage(data?.totalPages || 1);
+
+  //     // optional: bersihkan selection
+  //     table.resetRowSelection();
+  //   } catch (error) {
+  //     console.error("Error fetching tasks:", error);
+  //   }
+  // }
+
   const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {
     setSearch(e.target.value);
     table.getColumn("judul")?.setFilterValue(e.target.value);
@@ -312,6 +433,17 @@ const TableSPIT = () => {
                 <div className="flex flex-row justify-between my-1 mx-1">
                   <p>Filter</p>
                 </div>
+                <div className="flex justify-center px-3 pt-2 pb-1">
+                  <Button
+                    variant="outline"
+                    size="sm"
+                    className="text-xs text-gray-700 hover:bg-red-400 dark:text-white"
+                    onClick={handleResetFilter}
+                  >
+                    Reset Semua Filter
+                  </Button>
+                </div>
+
                 {/* <div className="mx-2 my-1">
                   <Label>{t("date", { defaultValue: "Date" })}</Label>
                   <Input
@@ -321,7 +453,7 @@ const TableSPIT = () => {
                     className="max-w-sm"
                   />
                 </div> */}
-                <div className="mx-2 my-1">
+                {/* <div className="mx-2 my-1">
                   <Label>{t("date", { defaultValue: "Tanggal" })}</Label>
                   <Input
                     type="date"
@@ -333,6 +465,23 @@ const TableSPIT = () => {
                     }}
                     className="max-w-sm"
                   />
+                </div> */}
+
+                <div className="mx-2 my-1">
+                  <Label>Tanggal Awal</Label>
+                  <Input
+                    type="date"
+                    value={startDate}
+                    onChange={(e) => setStartDate(e.target.value)}
+                  />
+                </div>
+                <div className="mx-2 my-1">
+                  <Label>Tanggal Akhir</Label>
+                  <Input
+                    type="date"
+                    value={endDate}
+                    onChange={(e) => setEndDate(e.target.value)}
+                  />
                 </div>
 
                 <Label className="ml-2 mt-2">Status</Label>

app/[locale]/(protected)/contributor/content/teks/components/columns.tsx

@@ -105,13 +105,13 @@ const useTableColumns = () => {
         if (isPublish && !isPublishOnPolda) {
           displayText = "Mabes";
         } else if (isPublish && isPublishOnPolda) {
-          if (Number(creatorGroupParentLevelId) == 761) {
+          if (Number(creatorGroupParentLevelId) == 771) {
             displayText = "Mabes & Satker";
           } else {
             displayText = "Mabes & Polda";
           }
         } else if (!isPublish && isPublishOnPolda) {
-          if (Number(creatorGroupParentLevelId) == 761) {
+          if (Number(creatorGroupParentLevelId) == 771) {
             displayText = "Satker";
           } else {
             displayText = "Polda";

app/[locale]/(protected)/contributor/content/video/components/columns.tsx

@@ -105,13 +105,13 @@ const useTableColumns = () => {
         if (isPublish && !isPublishOnPolda) {
           displayText = "Mabes";
         } else if (isPublish && isPublishOnPolda) {
-          if (Number(creatorGroupParentLevelId) == 761) {
+          if (Number(creatorGroupParentLevelId) == 771) {
             displayText = "Mabes & Satker";
           } else {
             displayText = "Mabes & Polda";
           }
         } else if (!isPublish && isPublishOnPolda) {
-          if (Number(creatorGroupParentLevelId) == 761) {
+          if (Number(creatorGroupParentLevelId) == 771) {
             displayText = "Satker";
           } else {
             displayText = "Polda";

app/[locale]/(protected)/contributor/planning/mediahub/components/columns.tsx

@@ -65,7 +65,6 @@ const useTableColumns = () => {
       header: "Status",
       cell: ({ row }) => {
         const isActive = row.getValue<boolean>("isActive");
-        console.log("isActive value:", isActive); // TypeScript type is inferred correctly
         return (
           <div>
             {isActive ? (

app/[locale]/(protected)/contributor/planning/mediahub/components/mediahub-table.tsx

@@ -121,9 +121,6 @@ const MediahubTable = () => {
       contentData.forEach((item: any, index: number) => {
         item.no = (page - 1) * limit + index + 1;
       });
-
-      console.log("contentData : ", contentData);
-
       setDataTable(contentData);
       setTotalData(data?.totalElements);
       setTotalPage(data?.totalPages);

app/[locale]/(protected)/contributor/planning/medsos-mediahub/components/columns.tsx

@@ -65,7 +65,6 @@ const useTableColumns = () => {
       header: "Status",
       cell: ({ row }) => {
         const isActive = row.getValue<boolean>("isActive");
-        console.log("isActive value:", isActive); // TypeScript type is inferred correctly
         return (
           <div>
             {isActive ? (

app/[locale]/(protected)/contributor/planning/medsos-mediahub/components/medsos-table.tsx

@@ -121,9 +121,6 @@ const MedsosTable = () => {
       contentData.forEach((item: any, index: number) => {
         item.no = (page - 1) * limit + index + 1;
       });
-
-      console.log("contentData : ", contentData);
-
       setDataTable(contentData);
       setTotalData(data?.totalElements);
       setTotalPage(data?.totalPages);

app/[locale]/(protected)/contributor/report/components/columns.tsx

@@ -73,7 +73,22 @@ const useTableColumns = ({
     {
       accessorKey: "status",
       header: t("status", { defaultValue: "Status" }),
-      cell: ({ row }) => <span className="">{row.getValue("status")}</span>,
+      cell: ({ row }) => {
+        const version = Number(row.original.version); // pastikan number
+
+        const isProcess = version === 0;
+        const status = isProcess ? "Proses" : "Selesai";
+
+        return (
+          <span
+            className={`px-2 py-1 rounded-full text-white text-xs font-semibold ${
+              isProcess ? "bg-yellow-500" : "bg-green-600"
+            }`}
+          >
+            {status}
+          </span>
+        );
+      },
     },
 
     {
@@ -131,7 +146,9 @@ const useTableColumns = ({
 
             const response = await downloadReport(id);
             console.log(response?.data);
-            const url = window.URL.createObjectURL(new Blob([response?.data], { type : "application/pdf"}));
+            const url = window.URL.createObjectURL(
+              new Blob([response?.data], { type: "application/pdf" })
+            );
             const link = document.createElement("a");
             link.href = url;
             link.setAttribute("download", `report-${id}.pdf`);

app/[locale]/(protected)/contributor/report/components/report-table.tsx

@@ -170,7 +170,7 @@ const ReportTable = () => {
   };
 
   const handlePreview = (id: string) => {
-    const url = `https://new.netidhub.com/api/media/report/view?id=${id}`;
+    const url = `https://mediahub.polri.go.id/api/v2/media/report/view?id=${id}`;
     setPreviewData({ url });
     setOpenPreview(true);
   };
@@ -223,9 +223,6 @@ const ReportTable = () => {
       contentData.forEach((item: any, index: number) => {
         item.no = (page - 1) * Number(showData) + index + 1;
       });
-
-      console.log("contentData : ", contentData);
-
       setDataTable(contentData);
       setTotalData(data?.totalElements);
       setTotalPage(data?.totalPages);

app/[locale]/(protected)/contributor/schedule/calendar-polri/component/calendar-polri-table.tsx

@@ -130,9 +130,6 @@ const CalendarPolriTable = () => {
       contentData.forEach((item: any, index: number) => {
         item.no = (page - 1) * Number(showData) + index + 1;
       });
-
-      console.log("contentData : ", contentData);
-
       setDataTable(contentData);
       setTotalData(data?.totalElements);
       setTotalPage(data?.totalPages);

app/[locale]/(protected)/contributor/schedule/event/components/columns.tsx

@@ -62,7 +62,6 @@ const useTableColumns = () => {
       accessorKey: "time",
       header: t("time", { defaultValue: "Time" }),
       cell: ({ row }: { row: { original: any } }) => {
-        console.log("Row Original Data:", row.original);
         const { startTime, endTime } = row.original;
         return (
           <span className="whitespace-nowrap">
@@ -113,7 +112,6 @@ const useTableColumns = () => {
       accessorKey: "speaker",
       header: t("speaker", { defaultValue: "Speaker" }),
       cell: ({ row }: { row: { original: any } }) => {
-        console.log("Row Original Data:", row.original);
         const { speakerTitle, speakerName } = row.original;
         return (
           <span className="whitespace-nowrap">

app/[locale]/(protected)/contributor/schedule/event/components/event-table.tsx

@@ -114,9 +114,6 @@ const EventTable = () => {
       contentData.forEach((item: any, index: number) => {
         item.no = (page - 1) * Number(showData) + index + 1;
       });
-
-      console.log("contentData : ", contentData);
-
       setDataTable(contentData);
       setTotalData(data?.totalElements);
       setTotalPage(data?.totalPages);

app/[locale]/(protected)/contributor/schedule/live-report/component/columns.tsx

@@ -66,7 +66,7 @@ const useTableColumns = (props: { selectedTypeSchedule: string }) => {
       accessorKey: "time",
       header: t("time", { defaultValue: "Time" }),
       cell: ({ row }: { row: { original: any } }) => {
-        console.log("Row Original Data:", row.original);
+        // console.log("Row Original Data:", row.original);
         const { startTime, endTime } = row.original;
         return (
           <span className="whitespace-nowrap">
@@ -117,7 +117,7 @@ const useTableColumns = (props: { selectedTypeSchedule: string }) => {
       accessorKey: "speaker",
       header: t("speaker", { defaultValue: "Speaker" }),
       cell: ({ row }: { row: { original: any } }) => {
-        console.log("Row Original Data:", row.original);
+        // console.log("Row Original Data:", row.original);
         const { speakerTitle, speakerName } = row.original;
         return (
           <span className="whitespace-nowrap">

app/[locale]/(protected)/contributor/schedule/live-report/component/live-report-table.tsx

@@ -139,7 +139,7 @@ const LiveReportTable = () => {
         item.no = (page - 1) * Number(showData) + index + 1;
       });
 
-      console.log("contentData : ", contentData);
+      // console.log("contentData : ", contentData);
 
       setDataTable(contentData);
       setTotalData(data?.totalElements);

app/[locale]/(protected)/contributor/schedule/press-conference/components/columns.tsx

@@ -62,7 +62,7 @@ const useTableColumns = () => {
       accessorKey: "time",
       header: t("time", { defaultValue: "Time" }),
       cell: ({ row }: { row: { original: any } }) => {
-        console.log("Row Original Data:", row.original);
+        // console.log("Row Original Data:", row.original);
         const { startTime, endTime } = row.original;
         return (
           <span className="whitespace-nowrap">
@@ -113,7 +113,7 @@ const useTableColumns = () => {
       accessorKey: "speaker",
       header: t("speaker", { defaultValue: "Speaker" }),
       cell: ({ row }: { row: { original: any } }) => {
-        console.log("Row Original Data:", row.original);
+        // console.log("Row Original Data:", row.original);
         const { speakerTitle, speakerName } = row.original;
         return (
           <span className="whitespace-nowrap">

app/[locale]/(protected)/contributor/schedule/press-conference/components/presscon-table.tsx

@@ -129,7 +129,7 @@ const PressConferenceTable = () => {
         item.no = (page - 1) * Number(showData) + index + 1;
       });
 
-      console.log("contentData : ", contentData);
+      // console.log("contentData : ", contentData);
 
       setDataTable(contentData);
       setTotalData(data?.totalElements);

app/[locale]/(protected)/contributor/schedule/press-release/components/columns.tsx

@@ -62,7 +62,7 @@ const useTableColumns = () => {
       accessorKey: "time",
       header: t("time", { defaultValue: "Time" }),
       cell: ({ row }: { row: { original: any } }) => {
-        console.log("Row Original Data:", row.original);
+        // console.log("Row Original Data:", row.original);
         const { startTime, endTime } = row.original;
         return (
           <span className="whitespace-nowrap">
@@ -113,7 +113,7 @@ const useTableColumns = () => {
       accessorKey: "speaker",
       header: t("speaker", { defaultValue: "Speaker" }),
       cell: ({ row }: { row: { original: any } }) => {
-        console.log("Row Original Data:", row.original);
+        // console.log("Row Original Data:", row.original);
         const { speakerTitle, speakerName } = row.original;
         return (
           <span className="whitespace-nowrap">

app/[locale]/(protected)/contributor/schedule/press-release/components/pressrilis-table.tsx

@@ -130,7 +130,7 @@ const PressReleaseTable = () => {
         item.no = (page - 1) * Number(showData) + index + 1;
       });
 
-      console.log("contentData : ", contentData);
+      // console.log("contentData : ", contentData);
 
       setDataTable(contentData);
       setTotalData(data?.totalElements);

app/[locale]/(protected)/contributor/task-ta/components/columns.tsx

@@ -112,33 +112,21 @@ const useTableColumns = (
       enableHiding: false,
       cell: ({ row }) => {
         const router = useRouter();
+        const createdById = row.original?.createdBy?.id;
+        const userId = Number(getCookiesDecrypt("uie"));
         const MySwal = withReactContent(Swal);
         const roleId = Number(getCookiesDecrypt("urie")) || 0;
+        const isTabTA = activeTab === "ta";
+        const isTabMabesKoor = activeTab === "mabes-koor";
 
-        // ❗ jika tab = "special"
-        if (activeTab === "special") {
-          return (
-            <DropdownMenu>
-              <DropdownMenuTrigger asChild>
-                <Button
-                  size="icon"
-                  className="bg-transparent ring-offset-transparent hover:bg-transparent hover:ring-0 hover:ring-transparent"
-                >
-                  <MoreVertical className="h-4 w-4 text-default-800" />
-                </Button>
-              </DropdownMenuTrigger>
+        const isCreator = Number(createdById) === Number(userId);
+        const canView = true;
 
-              <DropdownMenuContent className="p-0" align="end">
-                <Link href={`/contributor/task/detail/${row.original.id}`}>
-                  <DropdownMenuItem className="p-2 text-default-700 group focus:bg-default focus:text-primary-foreground rounded-none">
-                    <Eye className="w-4 h-4 me-1.5" />
-                    View
-                  </DropdownMenuItem>
-                </Link>
-              </DropdownMenuContent>
-            </DropdownMenu>
-          );
-        }
+        const canEdit = (isTabTA || isTabMabesKoor) && isCreator;
+
+        const canDelete = (isTabTA || isTabMabesKoor) && isCreator;
+
+        const canUpload = activeTab === "mabes-koor";
 
         async function deleteProcess(id: any) {
           loading();
@@ -181,39 +169,92 @@ const useTableColumns = (
         };
 
         return (
+          // <DropdownMenu>
+          //   <DropdownMenuTrigger asChild>
+          //     <Button
+          //       size="icon"
+          //       className="bg-transparent ring-offset-transparent hover:bg-transparent hover:ring-0 hover:ring-transparent"
+          //     >
+          //       <span className="sr-only">Open menu</span>
+          //       <MoreVertical className="h-4 w-4 text-default-800" />
+          //     </Button>
+          //   </DropdownMenuTrigger>
+          //   <DropdownMenuContent className="p-0" align="end">
+          //     {/* {(roleId == 11 || roleId == 12 || roleId == 19) && ( */}
+          //     {(roleId == 11 ||
+          //       roleId == 12 ||
+          //       roleId == 19 ||
+          //       roleId == 3) && (
+          //       <Link href={`/contributor/task-ta/detail/${row.original.id}`}>
+          //         <DropdownMenuItem className="p-2 border-b text-default-700 group focus:bg-default focus:text-primary-foreground rounded-none">
+          //           <Eye className="w-4 h-4 me-1.5" />
+          //           View
+          //         </DropdownMenuItem>
+          //       </Link>
+          //     )}
+          //     {roleId == 11 ||
+          //       (roleId == 3 && (
+          //         <Link href={`/contributor/task-ta/update/${row.original.id}`}>
+          //           <DropdownMenuItem className="p-2 border-b text-default-700 group focus:bg-default focus:text-primary-foreground rounded-none">
+          //             <SquarePen className="w-4 h-4 me-1.5" />
+          //             Edit
+          //           </DropdownMenuItem>
+          //         </Link>
+          //       ))}
+          //     {(roleId == 12 || roleId == 19) && (
+          //       <Link
+          //         href={`/contributor/task-ta/upload-task/${row.original.id}`}
+          //       >
+          //         <DropdownMenuItem className="p-2 border-b text-default-700 group focus:bg-default focus:text-primary-foreground rounded-none">
+          //           <Upload className="w-4 h-4 me-1.5" />
+          //           Upload Tugas
+          //         </DropdownMenuItem>
+          //       </Link>
+          //     )}
+          //     {roleId == 11 ||
+          //       (roleId == 3 && (
+          //         <DropdownMenuItem
+          //           onClick={() => TaskDelete(row.original.id)}
+          //           className="p-2 border-b text-destructive bg-destructive/30  focus:bg-destructive focus:text-destructive-foreground rounded-none"
+          //         >
+          //           <Trash2 className="w-4 h-4 me-1.5" />
+          //           Delete
+          //         </DropdownMenuItem>
+          //       ))}
+          //   </DropdownMenuContent>
+          // </DropdownMenu>
           <DropdownMenu>
             <DropdownMenuTrigger asChild>
               <Button
                 size="icon"
                 className="bg-transparent ring-offset-transparent hover:bg-transparent hover:ring-0 hover:ring-transparent"
               >
-                <span className="sr-only">Open menu</span>
                 <MoreVertical className="h-4 w-4 text-default-800" />
               </Button>
             </DropdownMenuTrigger>
-            <DropdownMenuContent className="p-0" align="end">
-              {/* {(roleId == 11 || roleId == 12 || roleId == 19) && ( */}
-              {(roleId == 11 ||
-                roleId == 12 ||
-                roleId == 19 ||
-                roleId == 3) && (
-                <Link href={`/contributor/task-ta/detail/${row.original.id}`}>
-                  <DropdownMenuItem className="p-2 border-b text-default-700 group focus:bg-default focus:text-primary-foreground rounded-none">
-                    <Eye className="w-4 h-4 me-1.5" />
-                    View
-                  </DropdownMenuItem>
-                </Link>
-              )}
-              {roleId == 11 ||
-                (roleId == 3 && (
-                  <Link href={`/contributor/task-ta/update/${row.original.id}`}>
-                    <DropdownMenuItem className="p-2 border-b text-default-700 group focus:bg-default focus:text-primary-foreground rounded-none">
-                      <SquarePen className="w-4 h-4 me-1.5" />
-                      Edit
-                    </DropdownMenuItem>
-                  </Link>
-                ))}
-              {(roleId == 12 || roleId == 19) && (
+
+            <DropdownMenuContent align="end" className="p-0">
+              {/* VIEW */}
+              {/* <Link href={`/contributor/task-ta/detail/${row.original.id}`}>
+                <DropdownMenuItem className="p-2 border-b text-default-700 group focus:bg-default focus:text-primary-foreground rounded-none">
+                  <Eye className="w-4 h-4 me-1.5" />
+                  View
+                </DropdownMenuItem>
+              </Link> */}
+              {/* VIEW */}
+              <Link
+                href={
+                  activeTab === "special"
+                    ? `/contributor/task/detail/${row.original.id}`
+                    : `/contributor/task-ta/detail/${row.original.id}`
+                }
+              >
+                <DropdownMenuItem className="p-2 border-b text-default-700 group focus:bg-default focus:text-primary-foreground rounded-none">
+                  <Eye className="w-4 h-4 me-1.5" />
+                  View
+                </DropdownMenuItem>
+              </Link>
+              {roleId === 19 && (
                 <Link
                   href={`/contributor/task-ta/upload-task/${row.original.id}`}
                 >
@@ -223,16 +264,39 @@ const useTableColumns = (
                   </DropdownMenuItem>
                 </Link>
               )}
-              {roleId == 11 ||
-                (roleId == 3 && (
-                  <DropdownMenuItem
-                    onClick={() => TaskDelete(row.original.id)}
-                    className="p-2 border-b text-destructive bg-destructive/30  focus:bg-destructive focus:text-destructive-foreground rounded-none"
-                  >
-                    <Trash2 className="w-4 h-4 me-1.5" />
-                    Delete
+
+              {/* UPLOAD (MABES → KOOR TAB) */}
+              {activeTab === "mabes-koor" && roleId === 11 && (
+                <Link
+                  href={`/contributor/task-ta/upload-task/${row.original.id}`}
+                >
+                  <DropdownMenuItem className="p-2 border-b text-default-700 group focus:bg-default focus:text-primary-foreground rounded-none">
+                    <Upload className="w-4 h-4 me-1.5" />
+                    Upload Tugas
                   </DropdownMenuItem>
-                ))}
+                </Link>
+              )}
+
+              {/* EDIT (TAB TA & CREATOR ONLY) */}
+              {canEdit && (
+                <Link href={`/contributor/task-ta/update/${row.original.id}`}>
+                  <DropdownMenuItem className="p-2 border-b text-default-700 group focus:bg-default focus:text-primary-foreground rounded-none">
+                    <SquarePen className="w-4 h-4 me-1.5" />
+                    Edit
+                  </DropdownMenuItem>
+                </Link>
+              )}
+
+              {/* DELETE (TAB TA & CREATOR ONLY) */}
+              {canDelete && (
+                <DropdownMenuItem
+                  onClick={() => TaskDelete(row.original.id)}
+                  className="p-2 border-b text-destructive bg-destructive/30  focus:bg-destructive focus:text-destructive-foreground rounded-none"
+                >
+                  <Trash2 className="w-4 h-4 me-1.5" />
+                  Delete
+                </DropdownMenuItem>
+              )}
             </DropdownMenuContent>
           </DropdownMenu>
         );

app/[locale]/(protected)/contributor/task-ta/components/task-ta-table.tsx

@@ -59,7 +59,8 @@ export default function TaskTaTable() {
   const userLevelId = Number(getCookiesDecrypt("ulie"));
   const roleId = Number(getCookiesDecrypt("urie"));
   const userId = Number(getCookiesDecrypt("uie"));
-
+  const isKoorKuratorRole11 = roleId === 11;
+  const isRole19 = roleId === 19;
   const isMabesApprover =
     userLevelId === MABES_LEVEL_ID && roleId === APPROVER_ROLE_ID;
 
@@ -92,7 +93,7 @@ export default function TaskTaTable() {
   const [totalPage, setTotalPage] = React.useState(1);
 
   // const KOOR_KURATOR_USER_ID = "464";
-  const KOOR_KURATOR_USER_IDS = ["464", "8258"];
+  const KOOR_KURATOR_USER_IDS = ["464", "8258", "11", "216"];
 
   // ✅ columns based on tab
   const columns = useTableColumns(activeTab);
@@ -301,7 +302,7 @@ export default function TaskTaTable() {
           <label className="inline-flex text-md cursor-pointer">
             <div className="flex mb-6 flex-wrap gap-2">
               {/* ❗ JIKA MABES APPROVER → HANYA 1 TAB */}
-              {isMabesApprover ? (
+              {/* {isMabesApprover ? (
                 <button
                   onClick={() => setActiveTab("mabes-koor")}
                   className={`px-4 py-1 rounded transition ${
@@ -314,7 +315,6 @@ export default function TaskTaTable() {
                 </button>
               ) : (
                 <>
-                  {/* 👇 USER SELAIN MABES APPROVER */}
                   <button
                     onClick={() => setActiveTab("special")}
                     className={`px-4 py-1 rounded transition ${
@@ -348,16 +348,85 @@ export default function TaskTaTable() {
                     Atensi Khusus TA
                   </button>
 
+                  {!isKoorKuratorRole11 && (
+                    <button
+                      onClick={() => setActiveTab("daily")}
+                      className={`px-4 py-1 rounded transition ${
+                        activeTab === "daily"
+                          ? "bg-default-900 text-white dark:text-black"
+                          : "border dark:text-default-700"
+                      }`}
+                    >
+                      {t("daily-tasks", { defaultValue: "Daily Tasks" })}
+                    </button>
+                  )}
+                </>
+              )} */}
+              {isMabesApprover ? (
+                <button
+                  onClick={() => setActiveTab("mabes-koor")}
+                  className={`px-4 py-1 rounded transition ${
+                    activeTab === "mabes-koor"
+                      ? "bg-default-900 text-white dark:text-black"
+                      : "border dark:text-default-700"
+                  }`}
+                >
+                  Atensi Khusus Mabes → Koor Kurator
+                </button>
+              ) : (
+                <>
+                  {/* ❗ HIDE untuk role 19 */}
+                  {!isRole19 && (
+                    <>
+                      <button
+                        onClick={() => setActiveTab("special")}
+                        className={`px-4 py-1 rounded transition ${
+                          activeTab === "special"
+                            ? "bg-default-900 text-white dark:text-black"
+                            : "border dark:text-default-700"
+                        }`}
+                      >
+                        Atensi Khusus Mabes
+                      </button>
+
+                      <button
+                        onClick={() => setActiveTab("mabes-koor")}
+                        className={`px-4 py-1 rounded transition ${
+                          activeTab === "mabes-koor"
+                            ? "bg-default-900 text-white dark:text-black"
+                            : "border dark:text-default-700"
+                        }`}
+                      >
+                        Atensi Khusus Mabes → Koor Kurator
+                      </button>
+                    </>
+                  )}
+
+                  {/* ✅ TA tetap tampil untuk semua */}
                   <button
-                    onClick={() => setActiveTab("daily")}
+                    onClick={() => setActiveTab("ta")}
                     className={`px-4 py-1 rounded transition ${
-                      activeTab === "daily"
+                      activeTab === "ta"
                         ? "bg-default-900 text-white dark:text-black"
                         : "border dark:text-default-700"
                     }`}
                   >
-                    {t("daily-tasks", { defaultValue: "Daily Tasks" })}
+                    Atensi Khusus TA
                   </button>
+
+                  {/* ❗ Daily juga hide untuk role 19 */}
+                  {!isKoorKuratorRole11 && !isRole19 && (
+                    <button
+                      onClick={() => setActiveTab("daily")}
+                      className={`px-4 py-1 rounded transition ${
+                        activeTab === "daily"
+                          ? "bg-default-900 text-white dark:text-black"
+                          : "border dark:text-default-700"
+                      }`}
+                    >
+                      {t("daily-tasks", { defaultValue: "Daily Tasks" })}
+                    </button>
+                  )}
                 </>
               )}
             </div>

app/[locale]/(protected)/contributor/task/components/task-table.tsx

@@ -160,7 +160,7 @@ const TaskTable = () => {
         item.no = (page - 1) * Number(showData) + index + 1;
       });
 
-      console.log("contentData : ", contentData);
+      // console.log("contentData : ", contentData);
 
       setDataTable(contentData);
       setTotalData(data?.totalElements);

app/[locale]/(protected)/curator/feedback/page.tsx

@@ -14,7 +14,7 @@ export default function UserFeedback() {
   }, []);
   async function initState() {
     const response = await getUserFeedbacks();
-    console.log("ssss", response?.data?.data);
+    // console.log("ssss", response?.data?.data);
     setListData(response?.data?.data);
   }
 

app/[locale]/(protected)/curator/media-tracking/component/table.tsx

@@ -115,7 +115,7 @@ const MediaTrackingTable = () => {
         item.no = (page - 1) * limit + index + 1;
       });
 
-      console.log("contentData : ", data);
+      // console.log("contentData : ", data);
 
       setDataTable(contentData);
       setTotalData(data?.totalElements);

app/[locale]/(protected)/curator/task-plan/mediahub/components/table.tsx

@@ -113,13 +113,12 @@ const TaskPlanMediahubTable = (props: {
     // try {
     // const res = await ticketingPagination("", limit, page - 1);
     // const data = res?.data?.data;
-    console.log("datgaa", data);
     const contentData = data;
     contentData.forEach((item: any, index: number) => {
       item.no = (page - 1) * limit + index + 1;
     });
 
-    console.log("contentData : ", contentData);
+    // console.log("contentData : ", contentData);
 
     setDataTable(contentData);
     // setTotalData(data?.totalElements);

app/[locale]/(protected)/curator/task-plan/mediahub/create-daily/detail/[id]/page.tsx

@@ -153,8 +153,6 @@ export default function DetailDaily() {
 
       if (res?.data?.data != undefined) {
         const data = res?.data?.data;
-        console.log("data");
-        console.log("Data :", data);
         form.setValue("title", data.title);
         form.setValue("detail", data.description);
         form.setValue("date", new Date(data.date));
@@ -205,7 +203,7 @@ export default function DetailDaily() {
   const editor = useRef(null);
 
   const onSubmit = async (data: z.infer<typeof FormSchema>) => {
-    console.log("data", data);
+    // console.log("data", data);
     if (form.getValues("detail") == "") {
       form.setError("detail", {
         type: "manual",
@@ -234,7 +232,7 @@ export default function DetailDaily() {
         .filter((key) => selected[key])
         .join(", ");
     };
-    console.log("data", data, selected);
+    // console.log("data", data, selected);
     loading();
 
     const reqData = {
@@ -258,7 +256,7 @@ export default function DetailDaily() {
       assignmentMainTypeId: 1,
     };
 
-    console.log("req =>", reqData);
+    // console.log("req =>", reqData);
     const response = await savePlanning(reqData);
 
     if (response?.error) {

app/[locale]/(protected)/curator/task-plan/mediahub/create-daily/edit/[id]/page.tsx

@@ -152,8 +152,6 @@ export default function EditDaily() {
 
       if (res?.data?.data != undefined) {
         const data = res?.data?.data;
-        console.log("data");
-        console.log("Data :", data);
         form.setValue("title", data.title);
         form.setValue("detail", data.description);
         form.setValue("date", new Date(data.date));
@@ -218,7 +216,7 @@ export default function EditDaily() {
   const editor = useRef(null);
 
   const onSubmit = async (data: z.infer<typeof FormSchema>) => {
-    console.log("data", data);
+    // console.log("data", data);
     if (form.getValues("detail") == "") {
       form.setError("detail", {
         type: "manual",
@@ -247,7 +245,7 @@ export default function EditDaily() {
         .filter((key) => selected[key])
         .join(", ");
     };
-    console.log("data", data, selected);
+    // console.log("data", data, selected);
     loading();
 
     const reqData = {

app/[locale]/(protected)/curator/task-plan/mediahub/create-daily/page.tsx

@@ -166,7 +166,7 @@ export default function CreateDaily() {
   const editor = useRef(null);
 
   const onSubmit = async (data: z.infer<typeof FormSchema>) => {
-    console.log("data", data);
+    // console.log("data", data);
     if (form.getValues("detail") == "") {
       form.setError("detail", {
         type: "manual",
@@ -195,7 +195,7 @@ export default function CreateDaily() {
         .filter((key) => selected[key])
         .join(", ");
     };
-    console.log("data", data, selected);
+    // console.log("data", data, selected);
     loading();
 
     const reqData = {
@@ -219,7 +219,7 @@ export default function CreateDaily() {
       assignmentMainTypeId: 1,
     };
 
-    console.log("req =>", reqData);
+    // console.log("req =>", reqData);
     const response = await savePlanning(reqData);
 
     if (response?.error) {

app/[locale]/(protected)/curator/task-plan/mediahub/create-monthly/detail/[id]/page.tsx

@@ -76,11 +76,9 @@ export default function DetailMonthly() {
         close();
         if (res?.data?.data != undefined) {
           const data = res?.data?.data;
-          console.log("Data :", data);
           form.setValue("title", data?.title);
           form.setValue("detail", data.description);
           const date = parseDate(data.date);
-          console.log("date", date);
           form.setValue(
             "month",
             new Date(date.getFullYear(), date.getMonth(), 1)
@@ -127,7 +125,7 @@ export default function DetailMonthly() {
       ).getFullYear()}`,
       status: "Open",
     };
-    console.log("req", reqData, data.month);
+    // console.log("req", reqData, data.month);
     const response = await savePlanning(reqData);
     close();
     if (response?.error) {
@@ -154,7 +152,7 @@ export default function DetailMonthly() {
       selectedDate.getMonth(),
       1
     );
-    console.log("newDate", newDate, selectedDate);
+    // console.log("newDate", newDate, selectedDate);
     form.setValue("month", newDate);
   };
   return (

app/[locale]/(protected)/curator/task-plan/mediahub/create-monthly/edit/[id]/page.tsx

@@ -77,11 +77,9 @@ export default function EditMonthly() {
         close();
         if (res?.data?.data != undefined) {
           const data = res?.data?.data;
-          console.log("Data :", data);
           form.setValue("title", data?.title);
           form.setValue("detail", data.description);
           const date = parseDate(data.date);
-          console.log("date", date);
           form.setValue(
             "month",
             new Date(date.getFullYear(), date.getMonth(), 1)
@@ -129,7 +127,7 @@ export default function EditMonthly() {
       date: `${month.toString().padStart(2, "0")}/${year}`,
       status: "Open",
     };
-    console.log("req", reqData, data.month);
+    // console.log("req", reqData, data.month);
     const response = await savePlanning(reqData);
     close();
     if (response?.error) {
@@ -156,7 +154,7 @@ export default function EditMonthly() {
       selectedDate.getMonth(),
       1
     );
-    console.log("newDate", newDate, selectedDate);
+    // console.log("newDate", newDate, selectedDate);
     form.setValue("month", newDate);
   };
   return (

app/[locale]/(protected)/curator/task-plan/mediahub/create-monthly/page.tsx

@@ -97,7 +97,7 @@ export default function CreateMonthly() {
       date: `${month.toString().padStart(2, "0")}/${year}`,
       status: "Open",
     };
-    console.log("req", reqData, data.month);
+    // console.log("req", reqData, data.month);
     const response = await savePlanning(reqData);
     close();
     if (response?.error) {

app/[locale]/(protected)/curator/task-plan/mediahub/create-weekly/detail/[id]/page.tsx

@@ -119,7 +119,7 @@ export default function DetailWeekly() {
       status: "Open",
       parentId: parentId,
     };
-    console.log("req", reqData);
+    // console.log("req", reqData);
     const response = await savePlanning(reqData);
     close();
     if (response?.error) {
@@ -147,7 +147,7 @@ export default function DetailWeekly() {
         close();
         if (res?.data?.data != undefined) {
           const data = res?.data?.data;
-          console.log("Data :", data);
+          // console.log("Data :", data);
           form.setValue("title", data?.title);
           form.setValue("week", {
             from: new Date(data?.startDate),

app/[locale]/(protected)/curator/task-plan/mediahub/create-weekly/edit/[id]/page.tsx

@@ -118,7 +118,7 @@ export default function EditWeekly() {
       status: "Open",
       parentId: parentId,
     };
-    console.log("req", reqData);
+    // console.log("req", reqData);
     const response = await savePlanning(reqData);
     close();
     if (response?.error) {
@@ -146,7 +146,7 @@ export default function EditWeekly() {
         close();
         if (res?.data?.data != undefined) {
           const data = res?.data?.data;
-          console.log("Data :", data);
+          // console.log("Data :", data);
           form.setValue("title", data?.title);
           form.setValue("week", {
             from: new Date(data?.startDate),

app/[locale]/(protected)/curator/task-plan/mediahub/create-weekly/page.tsx

@@ -117,7 +117,7 @@ export default function CreateMonthly() {
       status: "Open",
       parentId: Number(data.parentId),
     };
-    console.log("req", reqData);
+    // console.log("req", reqData);
     const response = await savePlanning(reqData);
     close();
     if (response?.error) {

app/[locale]/(protected)/curator/task-plan/mediahub/detail/[id]/page.tsx

@@ -48,7 +48,7 @@ export default function DetailTaskPlanMediahub() {
 
       if (res?.data?.data != undefined) {
         const data = res?.data?.data;
-        console.log("Data :", data);
+        // console.log("Data :", data);
         setPlanningData(data);
         setAssignedTopLevel(data?.assignedToTopLevel);
         setArrayDestination(data?.assignedToLevel);
@@ -112,7 +112,7 @@ export default function DetailTaskPlanMediahub() {
         label: option.title,
         value: option.id,
       }));
-      console.log("res", optionArr);
+      // console.log("res", optionArr);
 
       setWeeklyList(optionArr);
     }

app/[locale]/(protected)/curator/task-plan/medsos-mediahub/components/table.tsx

@@ -113,13 +113,13 @@ const TaskPlanMediahubTable = (props: {
     // try {
     // const res = await ticketingPagination("", limit, page - 1);
     // const data = res?.data?.data;
-    console.log("datgaa", data);
+    // console.log("datgaa", data);
     const contentData = data;
     contentData.forEach((item: any, index: number) => {
       item.no = (page - 1) * limit + index + 1;
     });
 
-    console.log("contentData : ", contentData);
+    // console.log("contentData : ", contentData);
 
     setDataTable(contentData);
     // setTotalData(data?.totalElements);

app/[locale]/(protected)/curator/task-plan/medsos-mediahub/create-daily/detail/[id]/page.tsx

@@ -153,8 +153,6 @@ export default function DetailDaily() {
 
       if (res?.data?.data != undefined) {
         const data = res?.data?.data;
-        console.log("data");
-        console.log("Data :", data);
         form.setValue("title", data.title);
         form.setValue("detail", data.description);
         form.setValue("date", new Date(data.date));
@@ -205,7 +203,7 @@ export default function DetailDaily() {
   const editor = useRef(null);
 
   const onSubmit = async (data: z.infer<typeof FormSchema>) => {
-    console.log("data", data);
+    // console.log("data", data);
     if (form.getValues("detail") == "") {
       form.setError("detail", {
         type: "manual",
@@ -234,7 +232,7 @@ export default function DetailDaily() {
         .filter((key) => selected[key])
         .join(", ");
     };
-    console.log("data", data, selected);
+    // console.log("data", data, selected);
     loading();
 
     const reqData = {
@@ -258,7 +256,7 @@ export default function DetailDaily() {
       assignmentMainTypeId: 1,
     };
 
-    console.log("req =>", reqData);
+    // console.log("req =>", reqData);
     const response = await savePlanning(reqData);
 
     if (response?.error) {

app/[locale]/(protected)/curator/task-plan/medsos-mediahub/create-daily/edit/[id]/page.tsx

@@ -152,8 +152,6 @@ export default function EditDaily() {
 
       if (res?.data?.data != undefined) {
         const data = res?.data?.data;
-        console.log("data");
-        console.log("Data :", data);
         form.setValue("title", data.title);
         form.setValue("detail", data.description);
         form.setValue("date", new Date(data.date));
@@ -218,7 +216,7 @@ export default function EditDaily() {
   const editor = useRef(null);
 
   const onSubmit = async (data: z.infer<typeof FormSchema>) => {
-    console.log("data", data);
+    // console.log("data", data);
     if (form.getValues("detail") == "") {
       form.setError("detail", {
         type: "manual",
@@ -247,7 +245,7 @@ export default function EditDaily() {
         .filter((key) => selected[key])
         .join(", ");
     };
-    console.log("data", data, selected);
+    // console.log("data", data, selected);
     loading();
 
     const reqData = {

app/[locale]/(protected)/curator/task-plan/medsos-mediahub/create-daily/page.tsx

@@ -239,7 +239,7 @@ export default function CreateDaily() {
       assignmentMainTypeId: 2,
     };
 
-    console.log("req =>", reqData);
+    // console.log("req =>", reqData);
     const response = await savePlanning(reqData);
 
     if (response?.error) {

app/[locale]/(protected)/curator/task-plan/medsos-mediahub/create-monthly/detail/[id]/page.tsx

@@ -76,11 +76,11 @@ export default function DetailMonthly() {
         close();
         if (res?.data?.data != undefined) {
           const data = res?.data?.data;
-          console.log("Data :", data);
+          // console.log("Data :", data);
           form.setValue("title", data?.title);
           form.setValue("detail", data.description);
           const date = parseDate(data.date);
-          console.log("date", date);
+          // console.log("date", date);
           form.setValue(
             "month",
             new Date(date.getFullYear(), date.getMonth(), 1)
@@ -127,7 +127,7 @@ export default function DetailMonthly() {
       date: `${month.toString().padStart(2, "0")}/${year}`,
       status: "Open",
     };
-    console.log("req", reqData, data.month);
+    // console.log("req", reqData, data.month);
     const response = await savePlanning(reqData);
     close();
     if (response?.error) {
@@ -154,7 +154,7 @@ export default function DetailMonthly() {
       selectedDate.getMonth(),
       1
     );
-    console.log("newDate", newDate, selectedDate);
+    // console.log("newDate", newDate, selectedDate);
     form.setValue("month", newDate);
   };
   return (

app/[locale]/(protected)/curator/task-plan/medsos-mediahub/create-monthly/edit/[id]/page.tsx

@@ -76,11 +76,11 @@ export default function EditMonthly() {
         close();
         if (res?.data?.data != undefined) {
           const data = res?.data?.data;
-          console.log("Data :", data);
+          // console.log("Data :", data);
           form.setValue("title", data?.title);
           form.setValue("detail", data.description);
           const date = parseDate(data.date);
-          console.log("date", date);
+          // console.log("date", date);
           form.setValue(
             "month",
             new Date(date.getFullYear(), date.getMonth(), 1)
@@ -128,7 +128,7 @@ export default function EditMonthly() {
       date: `${month.toString().padStart(2, "0")}/${year}`,
       status: "Open",
     };
-    console.log("req", reqData, data.month);
+    // console.log("req", reqData, data.month);
     const response = await savePlanning(reqData);
     close();
     if (response?.error) {
@@ -155,7 +155,7 @@ export default function EditMonthly() {
       selectedDate.getMonth(),
       1
     );
-    console.log("newDate", newDate, selectedDate);
+    // console.log("newDate", newDate, selectedDate);
     form.setValue("month", newDate);
   };
   return (

app/[locale]/(protected)/curator/task-plan/medsos-mediahub/create-monthly/page.tsx

@@ -95,7 +95,7 @@ export default function CreateMonthly() {
       date: `${month.toString().padStart(2, "0")}/${year}`,
       status: "Open",
     };
-    console.log("req", reqData, data.month);
+    // console.log("req", reqData, data.month);
     const response = await savePlanning(reqData);
     close();
     if (response?.error) {

app/[locale]/(protected)/curator/task-plan/medsos-mediahub/create-weekly/detail/[id]/page.tsx

@@ -119,7 +119,7 @@ export default function DetailWeekly() {
       status: "Open",
       parentId: parentId,
     };
-    console.log("req", reqData);
+    // console.log("req", reqData);
     const response = await savePlanning(reqData);
     close();
     if (response?.error) {
@@ -147,7 +147,7 @@ export default function DetailWeekly() {
         close();
         if (res?.data?.data != undefined) {
           const data = res?.data?.data;
-          console.log("Data :", data);
+          // console.log("Data :", data);
           form.setValue("title", data?.title);
           form.setValue("week", {
             from: new Date(data?.startDate),