From 68b9439f23cbd1b5beed3c2531d9e01f7f26ba7a Mon Sep 17 00:00:00 2001
From: Sabda Yagra <msabdayagra@gmail.com>
Date: Mon, 17 Nov 2025 17:53:16 +0700
Subject: [PATCH] fix: all filter card

---
 .../admin/add-experts/update/[id]/page.tsx    | 21 ++++++++++++++++++-
 .../filter-all/audio-filter-card.tsx          | 15 ++++++++++---
 .../filter-all/document-filter-card.tsx       | 15 ++++++++++---
 .../filter-all/image-filter-card.tsx          | 16 +++++++++++---
 .../filter-all/video-filter-card.tsx          | 15 ++++++++++---
 components/landing-page/navbar.tsx            |  2 +-
 6 files changed, 70 insertions(+), 14 deletions(-)

diff --git a/app/[locale]/(protected)/admin/add-experts/update/[id]/page.tsx b/app/[locale]/(protected)/admin/add-experts/update/[id]/page.tsx
index de79e295..9a161fb5 100644
--- a/app/[locale]/(protected)/admin/add-experts/update/[id]/page.tsx
+++ b/app/[locale]/(protected)/admin/add-experts/update/[id]/page.tsx
@@ -160,6 +160,25 @@ export default function UpdateExpertForm() {
     initState();
   }, [id]);
 
+  useEffect(() => {
+    if (!detail) return;
+
+    form.reset({
+      name: detail.fullname || "",
+      username: detail.username || "",
+      phoneNumber: detail.phoneNumber || "",
+      email: detail.email || "",
+      password: "",
+      skills: detail?.userProfilesAdditional?.userCompetency?.id
+        ? String(detail.userProfilesAdditional.userCompetency.id)
+        : "",
+      experiences: detail?.userProfilesAdditional?.userExperienceId
+        ? String(detail.userProfilesAdditional.userExperienceId)
+        : "",
+      company: detail?.userProfilesAdditional?.companyName || "",
+    });
+  }, [detail]);
+
   if (!detail) return <div>Loading...</div>;
 
   const togglePasswordType = () => {
@@ -644,7 +663,7 @@ export default function UpdateExpertForm() {
                 type="button"
                 size="md"
                 onClick={handleAddRow}
-                disabled={placementRows.length >= 2} // optional: disable button if already 1 row added
+                disabled={placementRows.length >= 2}
               >
                 Tambah
               </Button>
diff --git a/components/landing-page/filter-all/audio-filter-card.tsx b/components/landing-page/filter-all/audio-filter-card.tsx
index 1c9bf406..5b805236 100644
--- a/components/landing-page/filter-all/audio-filter-card.tsx
+++ b/components/landing-page/filter-all/audio-filter-card.tsx
@@ -288,9 +288,18 @@ export default function FilterAudioComponent(props: {
 
                 {/* Caption */}
                 <div className="p-4">
-                  <p className="text-[12px] font-bold text-[#bb3523] uppercase mb-1">
-                    {audio?.categoryName?.toUpperCase() ?? "GIAT PIMPINAN"}
-                  </p>
+                  <div className="flex flex-row justify-between">
+                    <p className="text-[12px] font-bold text-[#bb3523] uppercase mb-1">
+                      {audio?.categoryName?.toUpperCase() ?? "GIAT PIMPINAN"}
+                    </p>
+
+                    <p className="flex flex-row items-center text-[10px] gap-2">
+                      {formatDateToIndonesian(new Date(audio?.createdAt))}{" "}
+                      {audio?.timezone ? audio?.timezone : "WIB"} |{" "}
+                      <Icon icon="formkit:eye" width="15" height="15" />{" "}
+                      {audio?.clickCount}{" "}
+                    </p>
+                  </div>
 
                   <p className="text-xl font-semibold text-black dark:text-white line-clamp-4">
                     {audio?.title}
diff --git a/components/landing-page/filter-all/document-filter-card.tsx b/components/landing-page/filter-all/document-filter-card.tsx
index 69630cfc..b764a605 100644
--- a/components/landing-page/filter-all/document-filter-card.tsx
+++ b/components/landing-page/filter-all/document-filter-card.tsx
@@ -259,9 +259,18 @@ export default function FilterDocumentComponent(props: {
 
                 {/* Konten bawah */}
                 <div className="p-4 flex flex-col gap-2">
-                  {/* Kategori merah */}
-                  <div className="text-[12px] font-bold text-red-600 uppercase">
-                    {text?.categoryName?.toUpperCase() ?? "Text"}
+                  <div className="flex flex-row justify-between">
+                    {/* Kategori merah */}
+                    <div className="text-[12px] font-bold text-red-600 uppercase">
+                      {text?.categoryName?.toUpperCase() ?? "Text"}
+                    </div>
+
+                    <p className="flex flex-row items-center text-[10px] gap-2">
+                      {formatDateToIndonesian(new Date(text?.createdAt))}{" "}
+                      {text?.timezone ? text?.timezone : "WIB"} |{" "}
+                      <Icon icon="formkit:eye" width="15" height="15" />{" "}
+                      {text?.clickCount}{" "}
+                    </p>
                   </div>
 
                   {/* Judul */}
diff --git a/components/landing-page/filter-all/image-filter-card.tsx b/components/landing-page/filter-all/image-filter-card.tsx
index 2ce7cfa6..7638c796 100644
--- a/components/landing-page/filter-all/image-filter-card.tsx
+++ b/components/landing-page/filter-all/image-filter-card.tsx
@@ -6,6 +6,7 @@ import {
   CarouselNext,
   CarouselPrevious,
 } from "@/components/ui/carousel";
+import { Icon } from "@/components/ui/icon";
 import { close, loading } from "@/config/swal";
 import { Link, usePathname, useRouter } from "@/i18n/routing";
 import { listData, listDataRegional } from "@/service/landing/landing";
@@ -259,9 +260,18 @@ export default function FilterImageComponent(props: {
                 {/* Caption section */}
                 <div className="p-4 h-full flex flex-col justify-between">
                   <div className="flex flex-col gap-1 flex-grow">
-                    <p className="text-[10px] font-bold text-[#bb3523] uppercase">
-                      {image?.categoryName?.toUpperCase() ?? "Giat Pimpinan"}
-                    </p>
+                    <div className="flex flex-row justify-between">
+                      <p className="text-[10px] font-bold text-[#bb3523] uppercase">
+                        {image?.categoryName?.toUpperCase() ?? "Giat Pimpinan"}
+                      </p>
+                      <p className="flex flex-row items-center text-[10px] gap-2">
+                        {formatDateToIndonesian(new Date(image?.createdAt))}{" "}
+                        {image?.timezone ? image?.timezone : "WIB"}{" "}|{" "}
+                        <Icon icon="formkit:eye" width="15" height="15" />{" "}
+                        {image?.clickCount}{" "}
+                      </p>
+                    </div>
+
                     <p
                       className="
                 text-sm lg:text-base font-semibold text-black dark:text-white
diff --git a/components/landing-page/filter-all/video-filter-card.tsx b/components/landing-page/filter-all/video-filter-card.tsx
index 0ff1eefa..541611ba 100644
--- a/components/landing-page/filter-all/video-filter-card.tsx
+++ b/components/landing-page/filter-all/video-filter-card.tsx
@@ -234,9 +234,18 @@ export default function FilterVideoComponent(props: {
                 {/* Caption section */}
                 <div className="p-4 h-full flex flex-col justify-between">
                   <div className="flex flex-col gap-1 flex-grow">
-                    <p className="text-[10px] font-bold text-[#bb3523] uppercase">
-                      {video?.categoryName?.toUpperCase() ?? "Giat Pimpinan"}
-                    </p>
+                    <div className="flex flex-row justify-between">
+                      <p className="text-[10px] font-bold text-[#bb3523] uppercase">
+                        {video?.categoryName?.toUpperCase() ?? "Giat Pimpinan"}
+                      </p>
+                      <p className="flex flex-row items-center text-[10px] gap-2">
+                        {formatDateToIndonesian(new Date(video?.createdAt))}{" "}
+                        {video?.timezone ? video?.timezone : "WIB"} |{" "}
+                        <Icon icon="formkit:eye" width="15" height="15" />{" "}
+                        {video?.clickCount}{" "}
+                      </p>
+                    </div>
+
                     <p className="text-sm lg:text-base font-semibold text-black dark:text-white line-clamp-5">
                       {video?.title}
                     </p>
diff --git a/components/landing-page/navbar.tsx b/components/landing-page/navbar.tsx
index 741f68ab..52f1c8f6 100644
--- a/components/landing-page/navbar.tsx
+++ b/components/landing-page/navbar.tsx
@@ -209,7 +209,7 @@ const Navbar = () => {
     <div className="bg-[#f7f7f7] dark:bg-black shadow-md sticky top-0 z-50">
       <div className="flex items-center justify-between px-4 lg:px-16 py-2 gap-3">
         <div className="flex flex-row gap-2">
-          <Link href={prefixPath} className="flex items-center">
+          <Link href="/" className="flex items-center">
             <Image
               priority={true}
               src="/assets/mediahub-logo.gif"