update

components/details/details-content.tsx

@@ -21,7 +21,7 @@ type Article = {
     title: string;
   }[];
   files: {
-    file_url: string;
+    fileUrl: string;
     file_alt: string;
   }[];
 };
@@ -206,9 +206,9 @@ export default function DetailContent() {
           </div>
 
           <div className="w-full h-auto mb-6">
-            {articleDetail?.files?.[0]?.file_url ? (
+            {articleDetail?.files?.[0]?.fileUrl ? (
               <Image
-                src={articleDetail.files[0].file_url}
+                src={articleDetail.files[0].fileUrl}
                 alt="Berita"
                 width={800}
                 height={400}

components/form/article/edit-article-form.tsx

@@ -614,9 +614,7 @@ export default function EditArticleForm(props: { isDetail: boolean }) {
                   alt="main"
                   width={720}
                   height={480}
-                  src={
-                    detailfiles[mainImage]?.file_url || "/default-avatar.png"
-                  }
+                  src={detailfiles[mainImage]?.fileUrl || "/default-avatar.png"}
                   className="w-[75%] mx-auto"
                 />
               </div>
@@ -631,7 +629,7 @@ export default function EditArticleForm(props: { isDetail: boolean }) {
                       width={480}
                       height={360}
                       alt={`image-${index}`}
-                      src={file.file_url || "/default-avatar.png"}
+                      src={file.fileUrl || "/default-avatar.png"}
                       className="h-[100px] object-cover w-[150px]"
                     />
                   </a>
@@ -654,7 +652,7 @@ export default function EditArticleForm(props: { isDetail: boolean }) {
                       width={480}
                       height={360}
                       alt={`image-${index}`}
-                      src={file?.file_url || "/default-avatar.png"}
+                      src={file?.fileUrl || "/default-avatar.png"}
                       className="h-[100px] object-cover w-[150px]"
                     />
                   </div>

components/landing-page/headers-guard.tsx

@@ -14,7 +14,7 @@ type Article = {
   createdByName: string;
   thumbnailUrl: string;
   categories: { title: string }[];
-  files: { file_url: string; file_alt: string }[];
+  files: { fileUrl: string; file_alt: string }[];
 };
 
 export default function HeaderGuard() {

components/landing-page/headers-latest.tsx

@@ -14,7 +14,7 @@ type Article = {
   createdByName: string;
   thumbnailUrl: string;
   categories: { title: string }[];
-  files: { file_url: string; file_alt: string }[];
+  files: { fileUrl: string; file_alt: string }[];
 };
 
 export default function HeaderLatest() {

components/landing-page/headers-opinion.tsx

@@ -14,7 +14,7 @@ type Article = {
   createdByName: string;
   thumbnailUrl: string;
   categories: { title: string }[];
-  files: { file_url: string; file_alt: string }[];
+  files: { fileUrl: string; file_alt: string }[];
 };
 
 export default function HeaderOpinion() {

components/landing-page/headers-peace.tsx

@@ -14,7 +14,7 @@ type Article = {
   createdByName: string;
   thumbnailUrl: string;
   categories: { title: string }[];
-  files: { file_url: string; file_alt: string }[];
+  files: { fileUrl: string; file_alt: string }[];
 };
 
 export default function HeaderPeace() {

components/landing-page/headers-popular.tsx

@@ -14,7 +14,7 @@ type Article = {
   createdByName: string;
   thumbnailUrl: string;
   categories: { title: string }[];
-  files: { file_url: string; file_alt: string }[];
+  files: { fileUrl: string; file_alt: string }[];
 };
 
 export default function HeaderPopular() {

components/landing-page/headers.tsx

@@ -17,7 +17,7 @@ type Article = {
     title: string;
   }[];
   files: {
-    file_url: string;
+    fileUrl: string;
     file_alt: string;
   }[];
 };

components/landing-page/on-the-spot.tsx

@@ -17,7 +17,7 @@ type Article = {
     title: string;
   }[];
   files: {
-    file_url: string;
+    fileUrl: string;
     file_alt: string;
   }[];
 };

service/http-config/axios-base-instance.ts

@@ -6,7 +6,7 @@ const axiosBaseInstance = axios.create({
   baseURL,
   headers: {
     "Content-Type": "application/json",
-    "X-Client-Key": "bb65b1ad-e954-4a1a-b4d0-74df5bb0b640"
+    "X-Client-Key": "a2354358-5df1-47a2-a1f7-918f46e83a05",
   },
 });
 

service/http-config/axios-interceptor-instance.ts

@@ -10,7 +10,7 @@ const axiosInterceptorInstance = axios.create({
   baseURL,
   headers: {
     "Content-Type": "application/json",
-    "X-Client-Key": "bb65b1ad-e954-4a1a-b4d0-74df5bb0b640"
+    "X-Client-Key": "a2354358-5df1-47a2-a1f7-918f46e83a05",
   },
   withCredentials: true,
 });

service/http-config/http-base-services.ts

@@ -2,11 +2,11 @@ import axiosBaseInstance from "./axios-base-instance";
 
 const defaultHeaders = {
   "Content-Type": "application/json",
-  "X-Client-Key": "bb65b1ad-e954-4a1a-b4d0-74df5bb0b640"
+  "X-Client-Key": "a2354358-5df1-47a2-a1f7-918f46e83a05",
 };
 
 export async function httpGet(pathUrl: any, headers?: any) {
-  console.log("X-HEADERS : ", defaultHeaders)
+  console.log("X-HEADERS : ", defaultHeaders);
   const mergedHeaders = {
     ...defaultHeaders,
     ...headers,

service/http-config/http-interceptor-services.ts

@@ -5,7 +5,7 @@ import { getCsrfToken } from "../master-user";
 
 const defaultHeaders = {
   "Content-Type": "application/json",
-  "X-Client-Key": "bb65b1ad-e954-4a1a-b4d0-74df5bb0b640"
+  "X-Client-Key": "a2354358-5df1-47a2-a1f7-918f46e83a05"
 };
 
 export async function httpGetInterceptor(pathUrl: any) {