From d42892815001e1e1d7f9d41ee2fe2fca2766c9ea Mon Sep 17 00:00:00 2001
From: Rama Priyanto <priyantorama12@gmail.com>
Date: Fri, 7 Mar 2025 16:08:19 +0700
Subject: [PATCH] fix:avertise form

---
 app/(admin)/admin/advertise/page.tsx          | 21 +++++---
 app/auth/page.tsx                             |  5 --
 .../form/article/create-article-form.tsx      | 52 ++++++-------------
 components/form/article/edit-article-form.tsx |  1 +
 components/form/login.tsx                     | 21 +++++---
 components/table/article-table.tsx            |  8 ++-
 .../master-user-level-table.tsx               | 23 +++++---
 7 files changed, 67 insertions(+), 64 deletions(-)

diff --git a/app/(admin)/admin/advertise/page.tsx b/app/(admin)/admin/advertise/page.tsx
index a6a702c..96cc2b8 100644
--- a/app/(admin)/admin/advertise/page.tsx
+++ b/app/(admin)/admin/advertise/page.tsx
@@ -12,6 +12,8 @@ import {
   ModalContent,
   ModalFooter,
   ModalHeader,
+  Radio,
+  RadioGroup,
   Switch,
   Textarea,
   useDisclosure,
@@ -46,7 +48,7 @@ export default function AdvertisePage() {
   const MySwal = withReactContent(Swal);
 
   const [refresh, setRefresh] = useState(false);
-  const [isHeader, setIsHeader] = useState(false);
+  const [placement, setPlacement] = useState("banner");
 
   const [files, setFiles] = useState<File[]>([]);
 
@@ -76,7 +78,7 @@ export default function AdvertisePage() {
     const formData = {
       title: values.title,
       description: values.description,
-      isHeader: isHeader,
+      placement: placement,
       url: values.url,
     };
     close();
@@ -219,14 +221,17 @@ export default function AdvertisePage() {
                     )}
                   </div>
 
-                  <p className="text-sm mt-3">Header</p>
-                  <Switch
+                  <p className="text-sm mt-3">Penempatan</p>
+                  <RadioGroup
+                    label=""
+                    orientation="horizontal"
                     size="sm"
-                    isSelected={isHeader}
-                    onValueChange={setIsHeader}
+                    value={placement}
+                    onValueChange={setPlacement}
                   >
-                    <p className="text-sm"> {isHeader ? "Ya" : "Tidak"}</p>
-                  </Switch>
+                    <Radio value="banner">Banner</Radio>
+                    <Radio value="jumbotron">Jumbotron</Radio>
+                  </RadioGroup>
                   <div className="flex flex-col gap-1">
                     <p className="text-sm mt-3">Thumbnail</p>
                     {files.length < 1 && (
diff --git a/app/auth/page.tsx b/app/auth/page.tsx
index e173b45..300e6a1 100644
--- a/app/auth/page.tsx
+++ b/app/auth/page.tsx
@@ -1,9 +1,4 @@
-"use client";
-
 import Login from "@/components/form/login";
-import QudoLogin from "@/components/form/qudo-login";
-import Cookies from "js-cookie";
-import React, { useEffect, useState } from "react";
 
 export default function AuthPage() {
   // const isAuthenticated = Cookies.get("is_authenticated") || "false";
diff --git a/components/form/article/create-article-form.tsx b/components/form/article/create-article-form.tsx
index ff524ed..2a46a2b 100644
--- a/components/form/article/create-article-form.tsx
+++ b/components/form/article/create-article-form.tsx
@@ -58,6 +58,8 @@ import {
 } from "@/service/generate-article";
 import GenerateContentRewriteForm from "./generate-ai-content-rewrite-form";
 import Datepicker from "react-tailwindcss-datepicker";
+import Cookies from "js-cookie";
+import { getUserLevels } from "@/services/user-levels/user-levels-service";
 
 const CustomEditor = dynamic(
   () => {
@@ -112,7 +114,7 @@ const createArticleSchema = z.object({
 
 export default function CreateArticleForm() {
   const { isOpen, onOpen, onOpenChange } = useDisclosure();
-
+  const userLevel = Cookies.get("ulne");
   const animatedComponents = makeAnimated();
   const MySwal = withReactContent(Swal);
   const router = useRouter();
@@ -285,8 +287,16 @@ export default function CreateArticleForm() {
     }
   };
 
+  const getUserLevelApprovalStatus = async () => {
+    const res = await getUserLevels(String(userLevel));
+    console.log("res", res?.data?.data?.isApprovalActive);
+    return res?.data?.data?.isApprovalActive;
+  };
+
   const save = async (values: z.infer<typeof createArticleSchema>) => {
     loading();
+
+    const userLevelStatus = await getUserLevelApprovalStatus();
     const formData = {
       title: values.title,
       typeId: 1,
@@ -296,14 +306,12 @@ export default function CreateArticleForm() {
       description: htmlToString(removeImgTags(values.description)),
       htmlDescription: removeImgTags(values.description),
       aiArticleId: await saveArticleToDise(values),
+      // isDraft: userLevelStatus ? true : status === "draft",
+      // isPublish: userLevelStatus ? false : status === "publish",
       isDraft: status === "draft",
       isPublish: status === "publish",
     };
-    console.log(
-      "ssada",
-      formData,
-      `${startDateValue.year}-${startDateValue.month}-${startDateValue.day}`
-    );
+
     const response = await createArticle(formData);
 
     if (response?.error) {
@@ -340,7 +348,7 @@ export default function CreateArticleForm() {
     if (status === "scheduled") {
       const request = {
         id: articleId,
-        date: `${startDateValue.year}-${startDateValue.month}-${startDateValue.day}`,
+        date: `${startDateValue?.year}-${startDateValue?.month}-${startDateValue?.day}`,
       };
       const res = await createArticleSchedule(request);
     }
@@ -659,7 +667,7 @@ export default function CreateArticleForm() {
                 variant="bordered"
                 size="sm"
                 color="danger"
-                onClick={() => setThumbnailImg([])}
+                onPress={() => setThumbnailImg([])}
               >
                 <TimesIcon />
               </Button>
@@ -789,15 +797,6 @@ export default function CreateArticleForm() {
               <div className="flex flex-col lg:flex-row gap-3">
                 <div className="w-full lg:w-[140px] flex flex-col gal-2 ">
                   <p className="text-sm">Tanggal</p>
-                  {/* <Datepicker
-                    value={startDateValue}
-                    displayFormat="DD/MM/YYYY"
-                    popoverDirection="down"
-                    asSingle={true}
-                    useRange={false}
-                    onChange={(e: any) => setStartDateValue(e)}
-                    inputClassName="z-50 w-full text-xs lg:text-sm bg-white dark bg-black border-1 border-gray-200 px-2 py-[6px] rounded-sm lg:rounded-lg h-[30px] lg:h-[40px] text-gray-600 dark:text-gray-300"
-                  /> */}
                   <Popover
                     placement="bottom"
                     classNames={{ content: ["!bg-transparent", "p-0"] }}
@@ -820,25 +819,6 @@ export default function CreateArticleForm() {
                     </PopoverContent>
                   </Popover>
                 </div>
-                {/* <div className="w-[140px] flex flex-col gal-2 ">
-                  <p className="text-sm">Waktu</p>
-                  <Input
-                    type="time"
-                    value={timeValue}
-                    onValueChange={setTimeValue}
-                    variant="bordered"
-                    className="w-full"
-                    classNames={{
-                      input: "h-[30px]",
-                      mainWrapper: ["bg-white !h-[30px] lg:h-[40px]"],
-                      innerWrapper: "!h-[30px] lg:h-[40px]",
-                      inputWrapper: [
-                        "border-1 rounded-lg !h-[30px] lg:h-[40px]",
-                        "dark:group-data-[focused=false]:bg-transparent !border-1 dark:!border-gray-400",
-                      ],
-                    }}
-                  />
-                </div> */}
               </div>
             )}
           </div>
diff --git a/components/form/article/edit-article-form.tsx b/components/form/article/edit-article-form.tsx
index 5e93550..40741c9 100644
--- a/components/form/article/edit-article-form.tsx
+++ b/components/form/article/edit-article-form.tsx
@@ -875,6 +875,7 @@ export default function EditArticleForm(props: { isDetail: boolean }) {
 
         <div className="flex flex-row justify-end gap-3">
           {isDetail &&
+            username === "admin-mabes" &&
             (detailData?.statusId === 1 || detailData?.statusId === null) && (
               <Button
                 color="primary"
diff --git a/components/form/login.tsx b/components/form/login.tsx
index 3a503cd..b04f621 100644
--- a/components/form/login.tsx
+++ b/components/form/login.tsx
@@ -88,7 +88,7 @@ export default function Login() {
         Cookies.set("masterPoldaId", profile?.data?.data?.masterPoldaId, {
           expires: 1,
         });
-        Cookies.set("ulne", profile?.data?.data?.roleLevelNumber, {
+        Cookies.set("ulne", profile?.data?.data?.userLevelId, {
           expires: 1,
         });
         Cookies.set("urce", profile?.data?.data?.roleCode, {
@@ -151,15 +151,20 @@ export default function Login() {
   return (
     <div className="flex flex-row h-full">
       <div
-        style={{
-          backgroundImage: "url(headerbanner1.png)",
-          backgroundRepeat: "no-repeat",
-          backgroundSize: "cover",
-          backgroundPosition: "left center",
-        }}
+        // style={{
+        //   backgroundImage: "url(headerbanner1.png)",
+        //   backgroundRepeat: "no-repeat",
+        //   backgroundSize: "cover",
+        //   backgroundPosition: "left center",
+        // }}
         className="h-screen hidden md:block md:w-3/5"
       >
-        <Link href="/">
+        <Image
+          src="/headerbanner1.png"
+          alt="login-image"
+          className="w-full h-screen rounded-none object-cover"
+        />
+        <Link href="/" className="absolute left-5 top-5">
           <Image
             width={480}
             height={480}
diff --git a/components/table/article-table.tsx b/components/table/article-table.tsx
index 2699bf9..f00e704 100644
--- a/components/table/article-table.tsx
+++ b/components/table/article-table.tsx
@@ -154,6 +154,10 @@ export default function ArticleTable() {
     });
   };
 
+  const handleBanner = async (id: number, status: boolean) => {
+    console.log("vbanner", id, status);
+  };
+
   const renderCell = useCallback(
     (article: any, columnKey: Key) => {
       const cellValue = article[columnKey as keyof any];
@@ -209,7 +213,9 @@ export default function ArticleTable() {
                   </DropdownItem>
                   <DropdownItem
                     key="setBanner"
-                    // onPress={() => handleDelete(article.id)}
+                    onPress={() =>
+                      handleBanner(article?.id, !article?.isBanner || true)
+                    }
                     className={username === "admin-mabes" ? "" : "hidden"}
                   >
                     {username === "admin-mabes" && (
diff --git a/components/table/master/master-user-level/master-user-level-table.tsx b/components/table/master/master-user-level/master-user-level-table.tsx
index e8b844a..16aea03 100644
--- a/components/table/master/master-user-level/master-user-level-table.tsx
+++ b/components/table/master/master-user-level/master-user-level-table.tsx
@@ -105,6 +105,13 @@ export default function MasterUserLevelTable() {
     const res = await getAllUserLevels(request);
     const data = res?.data?.data;
     setUserLevelAll(data);
+    const temp = [];
+    for (const element of data) {
+      if (element.isApprovalActive) {
+        temp.push(String(element.id));
+      }
+    }
+    setSelectedLevel(temp);
     close();
   }
 
@@ -248,8 +255,8 @@ export default function MasterUserLevelTable() {
     <>
       <div className="mx-3 my-5">
         <div className="flex flex-col items-start rounded-2xl">
-          <div className="flex flex-row items-end gap-3 mb-3">
-            <div className="flex flex-col gap-1 w-full justify-start">
+          <div className="flex flex-row gap-3 mb-3 w-full justify-start items-end">
+            <div className="flex flex-col gap-1 w-auto justify-start">
               <p className="font-semibold text-sm">Pencarian</p>
               <Input
                 aria-label="Search"
@@ -257,7 +264,7 @@ export default function MasterUserLevelTable() {
                   inputWrapper: "bg-default-100",
                   input: "text-sm",
                 }}
-                className="max-w-md"
+                className="w-[300px]"
                 labelPlacement="outside"
                 startContent={
                   <SearchIcon className="text-base text-default-400 pointer-events-none flex-shrink-0" />
@@ -268,12 +275,16 @@ export default function MasterUserLevelTable() {
                 onKeyDown={handleKeyDown}
               />
             </div>
-            <Button color="primary" onPress={() => setDoSetup(!doSetup)}>
-              Settings
+            <Button
+              color="primary"
+              onPress={() => setDoSetup(!doSetup)}
+              className="px-2"
+            >
+              Settings Approval
             </Button>
             {doSetup && (
               <Button color="success" className="text-white">
-                Save ({selectedLevel.length})
+                Save
               </Button>
             )}
           </div>