From c7eecd40c092edf246ea266e8562676871885ff0 Mon Sep 17 00:00:00 2001
From: Sabda Yagra <msabdayagra@gmail.com>
Date: Mon, 6 Apr 2026 09:31:20 +0700
Subject: [PATCH] fix: all bugs and error

---
 .../admin/settings/banner/component/table.tsx | 85 ++++++++++++-------
 components/form/sign-up.tsx                   | 70 +++++++++++----
 components/landing-page/navbar.tsx            |  2 -
 vendor/ckeditor5/tsconfig.json                |  2 +-
 4 files changed, 110 insertions(+), 49 deletions(-)

diff --git a/app/[locale]/(admin)/admin/settings/banner/component/table.tsx b/app/[locale]/(admin)/admin/settings/banner/component/table.tsx
index b890670..273c3ce 100644
--- a/app/[locale]/(admin)/admin/settings/banner/component/table.tsx
+++ b/app/[locale]/(admin)/admin/settings/banner/component/table.tsx
@@ -25,6 +25,7 @@ import { useToast } from "@/components/ui/use-toast";
 import CustomPagination from "@/components/table/custom-pagination";
 import { listDataMedia } from "@/service/service/broadcast/broadcast";
 import { setBanner } from "@/service/service/settings/settings";
+import { listArticles } from "@/service/landing/landing";
 
 const ContentListBanner = () => {
   const router = useRouter();
@@ -64,7 +65,7 @@ const ContentListBanner = () => {
       );
       setBannerCount(banners?.length || 0);
 
-      setBannerCount(data?.length || 0);
+      // setBannerCount(data?.length || 0);
     } catch (error) {
       console.error("Error fetching banner count:", error);
     }
@@ -118,38 +119,43 @@ const ContentListBanner = () => {
     try {
       loading();
 
-      const res = await listDataMedia(
-        page - 1,
-        showData,
-        searchQuery,
-        categoryFilter?.sort().join(","),
-        statusFilter?.sort().join(","),
+      const res = await listArticles(
+        page,
+        Number(showData),
+        1,
+        undefined,
+        undefined,
+        "createdAt",
+        "",
       );
 
-      const rawData = res?.data?.data;
+      console.log("RES ARTICLES:", res);
 
-      const contentData = Array.isArray(rawData?.content)
-        ? rawData.content
-        : [];
+      let articlesData: any[] = [];
 
-      contentData.forEach((item: any, index: number) => {
-        item.no = (page - 1) * Number(showData) + index + 1;
-      });
+      if (res?.error) {
+        articlesData = [];
+      } else {
+        articlesData = res?.data?.data || [];
+      }
+
+      const contentData = articlesData.map((item: any, index: number) => ({
+        ...item,
+        no: (page - 1) * Number(showData) + index + 1,
+        smallThumbnailLink: item.thumbnailUrl, // penting
+      }));
 
       setData(contentData);
-      setTotalData(rawData?.totalElements ?? 0);
-      setTotalPage(rawData?.totalPages ?? 1);
+      setTotalData(contentData.length);
+      setTotalPage(1); // sementara kalau belum ada totalPages
 
       close();
     } catch (error) {
       close();
       console.error("Error fetching banner data:", error);
       setData([]);
-      setTotalData(0);
-      setTotalPage(1);
     }
   }
-
   // async function fetchData() {
   //   try {
   //     loading();
@@ -210,20 +216,31 @@ const ContentListBanner = () => {
     }
   };
 
-  const handleSelect = (id: number) => {
+  // const handleSelect = (id: number) => {
+  //   setSelectedItems((prev) =>
+  //     prev.includes(id) ? prev.filter((item) => item !== id) : [...prev, id],
+  //   );
+  // };
+  const handleSelect = (id: number, checked: boolean) => {
     setSelectedItems((prev) =>
-      prev.includes(id) ? prev.filter((item) => item !== id) : [...prev, id],
+      checked ? [...prev, id] : prev.filter((item) => item !== id),
     );
   };
 
-  const handleSelectAll = () => {
-    if (selectedItems.length === data.length) {
-      setSelectedItems([]);
-    } else {
+  // const handleSelectAll = () => {
+  //   if (selectedItems.length === data.length) {
+  //     setSelectedItems([]);
+  //   } else {
+  //     setSelectedItems(data.map((item: any) => Number(item.id)));
+  //   }
+  // };
+  const handleSelectAll = (e: React.ChangeEvent<HTMLInputElement>) => {
+    if (e.target.checked) {
       setSelectedItems(data.map((item: any) => Number(item.id)));
+    } else {
+      setSelectedItems([]);
     }
   };
-
   const { toast } = useToast();
 
   const handleBanner = async (ids: number[]) => {
@@ -410,10 +427,15 @@ const ContentListBanner = () => {
         {/* Header select all + action */}
         <div className="flex items-center justify-between mb-4">
           <div className="flex items-center gap-2">
-            <Checkbox
+            <input
+              type="checkbox"
+              checked={selectedItems.length === data.length && data.length > 0}
+              onChange={handleSelectAll}
+            />
+            {/* <Checkbox
               checked={selectedItems.length === data.length}
               onCheckedChange={handleSelectAll}
-            />
+            /> */}
             <span className="text-black dark:text-white">Pilih Semua</span>
           </div>
           {selectedItems.length > 0 && (
@@ -431,9 +453,14 @@ const ContentListBanner = () => {
               className="relative rounded-lg shadow-md overflow-hidden border border-gray-200"
             >
               <div className="absolute top-2 left-2 z-10">
-                <Checkbox
+                {/* <Checkbox
                   checked={selectedItems.includes(item.id)}
                   onCheckedChange={() => handleSelect(item.id)}
+                /> */}
+                <input
+                  type="checkbox"
+                  checked={selectedItems.includes(item.id)}
+                  onChange={(e) => handleSelect(item.id, e.target.checked)}
                 />
               </div>
               <img
diff --git a/components/form/sign-up.tsx b/components/form/sign-up.tsx
index 2c57392..d766650 100644
--- a/components/form/sign-up.tsx
+++ b/components/form/sign-up.tsx
@@ -225,10 +225,10 @@ export default function SignUp() {
       MySwal.fire("Peringatan", "Password minimal 8 karakter", "warning");
       return;
     }
-    if (!userLevelId || !userRoleId) {
-      MySwal.fire("Peringatan", "Level dan Role wajib diisi", "warning");
-      return;
-    }
+    // if (!userLevelId || !userRoleId) {
+    //   MySwal.fire("Peringatan", "Level dan Role wajib diisi", "warning");
+    //   return;
+    // }
 
     // ✅ Generate username otomatis
     const autoUsername =
@@ -592,13 +592,13 @@ export default function SignUp() {
                     />
 
                     {/* Email */}
-                    <Input
+                    {/* <Input
                       type="email"
                       required
                       placeholder="Email"
                       value={email}
                       onChange={(e) => setEmail(e.target.value)}
-                    />
+                    /> */}
 
                     {/* Password */}
                     <div className="relative">
@@ -655,6 +655,25 @@ export default function SignUp() {
                 {/* Jurnalis: Select Keanggotaan */}
                 {role === "jurnalis" && (
                   <div className="mb-4 space-y-4">
+                    {/* Nama Lengkap */}
+                    <Input
+                      type="text"
+                      required
+                      placeholder="Nama Lengkap"
+                      value={fullname}
+                      onChange={(e) => setFullname(e.target.value)}
+                    />
+
+                    {/* Username (auto generated) */}
+                    <Input
+                      type="text"
+                      placeholder="Username (otomatis dari nama)"
+                      value={username}
+                      readOnly
+                      className="bg-gray-100 text-gray-700 cursor-not-allowed"
+                    />
+
+                    {/* Jenis Keanggotaan */}
                     <select
                       required
                       className="w-full border border-gray-300 rounded-md p-2 text-sm"
@@ -662,17 +681,11 @@ export default function SignUp() {
                       onChange={(e) => setMembershipType(e.target.value)}
                     >
                       <option value="">Pilih jenis keanggotaan</option>
-                      <option value="pwi">
-                        PWI (Persatuan Wartawan Indonesia)
-                      </option>
-                      <option value="ijti">
-                        IJTI (Ikatan Jurnalis Televisi Indonesia)
-                      </option>
-                      <option value="pfi">PFI (Pewarta Foto Indonesia)</option>
-                      <option value="aji">
-                        AJI (Asosiasi Jurnalis Indonesia)
-                      </option>
-                      <option value="lainnya">Identitas Lainnya</option>
+                      <option value="pwi">PWI</option>
+                      <option value="ijti">IJTI</option>
+                      <option value="pfi">PFI</option>
+                      <option value="aji">AJI</option>
+                      <option value="lainnya">Lainnya</option>
                     </select>
 
                     {/* Nomor Sertifikasi */}
@@ -683,6 +696,29 @@ export default function SignUp() {
                       value={certNumber}
                       onChange={(e) => setCertNumber(e.target.value)}
                     />
+
+                    {/* Password */}
+                    <div className="relative">
+                      <Input
+                        type={isVisible ? "text" : "password"}
+                        required
+                        placeholder="Password"
+                        value={password}
+                        onChange={(e) => setPassword(e.target.value)}
+                        className="pr-10"
+                      />
+                      <button
+                        type="button"
+                        onClick={toggleVisibility}
+                        className="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-500"
+                      >
+                        {isVisible ? (
+                          <EyeSlashFilledIcon className="h-4 w-4" />
+                        ) : (
+                          <EyeFilledIcon className="h-4 w-4" />
+                        )}
+                      </button>
+                    </div>
                   </div>
                 )}
 
diff --git a/components/landing-page/navbar.tsx b/components/landing-page/navbar.tsx
index 8e7c007..71ca8e3 100644
--- a/components/landing-page/navbar.tsx
+++ b/components/landing-page/navbar.tsx
@@ -76,7 +76,6 @@ export default function Navbar() {
   const fullname = Cookies.get("ufne");
 
   return (
-    <RevealT>
       <header className="relative max-w-[1400px] mx-auto flex items-center justify-between px-4 py-3 border-b bg-white dark:bg-default-50 z-50">
         <div className="flex flex-row items-center justify-between space-x-4 z-10">
           <Menu
@@ -404,6 +403,5 @@ export default function Navbar() {
           </div>
         )}
       </header>
-    </RevealT>
   );
 }
diff --git a/vendor/ckeditor5/tsconfig.json b/vendor/ckeditor5/tsconfig.json
index 4cbebfd..1103070 100644
--- a/vendor/ckeditor5/tsconfig.json
+++ b/vendor/ckeditor5/tsconfig.json
@@ -14,7 +14,7 @@
     "target": "es2019",
     "sourceMap": true,
     "allowJs": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "skipLibCheck": true
   },
   "include": [