From af5b8000cd74c1f14ffb7a0e67741a46af49946b Mon Sep 17 00:00:00 2001
From: hanif salafi <hanifsalafi456@gmail.com>
Date: Sun, 1 Jun 2025 02:00:00 +0700
Subject: [PATCH] feat: update list sidebar polda

---
 components/page/sidebar-detail.tsx | 23 ++++++++++++-----------
 services/article.ts                |  5 +++--
 types/globals.tsx                  |  1 +
 3 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/components/page/sidebar-detail.tsx b/components/page/sidebar-detail.tsx
index 15580c6..6a4ce3a 100644
--- a/components/page/sidebar-detail.tsx
+++ b/components/page/sidebar-detail.tsx
@@ -14,20 +14,13 @@ import Image from "next/image";
 
 export default function SidebarDetail() {
   const [articleMabes, setArticleMabes] = useState<any>([]);
-  const [article, setArticle] = useState<any>([]);
+  const [articlePolda, setArticlePolda] = useState<any>([]);
 
   useEffect(() => {
-    getArticle();
     getArticleMabes();
+    getArticlePolda();
   }, []);
 
-  async function getArticle() {
-    const req = { page: 1, search: "", limit: "10", isPublish: true };
-
-    const response = await getListArticle(req);
-    setArticle(response?.data?.data);
-  }
-
   async function getArticleMabes() {
     const req = {
       page: 1,
@@ -40,6 +33,14 @@ export default function SidebarDetail() {
     const response = await getListArticle(req);
     setArticleMabes(response?.data?.data);
   }
+
+  async function getArticlePolda() {
+    const req = { page: 1, search: "", limit: "10", isPublish: true, isPolda: true };
+
+    const response = await getListArticle(req);
+    setArticlePolda(response?.data?.data);
+  }
+
   return (
     <div className="mt-2 space-y-5">
       <div className="font-semibold flex flex-col items-center py-3 rounded-lg">
@@ -109,7 +110,7 @@ export default function SidebarDetail() {
           </div>
         </div>
         <div className="w-full mt-3">
-          {article?.length < 1 ? (
+          {articlePolda?.length < 1 ? (
             <Skeleton className="rounded-lg">
               <div className="h-[320px] rounded-lg bg-default-300" />
             </Skeleton>
@@ -129,7 +130,7 @@ export default function SidebarDetail() {
               className="mySwiper"
               slidesPerView={1}
             >
-              {article?.map((newsItem: any) => (
+              {articlePolda?.map((newsItem: any) => (
                 <SwiperSlide key={newsItem.id}>
                   <div className=" h-[320px] flex flex-col gap-2 bg-gray-100 dark:bg-black p-4 rounded-lg">
                     <Image
diff --git a/services/article.ts b/services/article.ts
index fdc5342..99cb05f 100644
--- a/services/article.ts
+++ b/services/article.ts
@@ -24,12 +24,13 @@ export async function getListArticle(props: PaginationRequest) {
     isBanner,
     categoryIds,
     createdByIds,
+    isPolda,
   } = props;
   const headers = {
     "content-type": "application/json",
   };
   return await httpGet(
-    `/articles?limit=${limit}&page=${page}&isPublish=${
+    `/articles/public?limit=${limit}&page=${page}&isPublish=${
       isPublish === undefined ? "" : isPublish
     }&title=${search}&startDate=${startDate || ""}&endDate=${
       endDate || ""
@@ -37,7 +38,7 @@ export async function getListArticle(props: PaginationRequest) {
       sort || "desc"
     }&category=${categorySlug || ""}&isBanner=${isBanner || ""}&categoryIds=${
       categoryIds || ""
-    }&createdByIds=${createdByIds || ""}`,
+    }&createdByIds=${createdByIds || ""}&isPolda=${isPolda || ""}`,
     headers
   );
 }
diff --git a/types/globals.tsx b/types/globals.tsx
index c7e8eb4..a9e1597 100644
--- a/types/globals.tsx
+++ b/types/globals.tsx
@@ -69,4 +69,5 @@ export type PaginationRequest = {
   isBanner?: boolean;
   categoryIds?: string;
   createdByIds?: string;
+  isPolda?: boolean;
 };