- router.push(
- prefixPath + `/image/detail/${image?.slug}`
- )
- }
+
+ // router.push(
+ // prefixPath + `/image/detail/${image?.slug}`
+ // )
+ // }
>
{/* 
*/}
("L");
+// const [selectedTab, setSelectedTab] = useState("video");
+// const router = useRouter();
+// const pathname = usePathname();
+// const params = useParams();
+// const slug = String(params?.slug);
+// const [detailDataVideo, setDetailDataVideo] = useState();
+// const [isSaved, setIsSaved] = useState(false);
+// const [wishlistId, setWishlistId] = useState();
+// const { toast } = useToast();
+// const [isDownloadAll, setIsDownloadAll] = useState(false);
+// const [downloadProgress, setDownloadProgress] = useState(0);
+// const [isFromSPIT, setIsFromSPIT] = useState(false);
+// const [main, setMain] = useState();
+// const [resolutionSelected, setResolutionSelected] = useState("720");
+// const [selectedVideo, setSelectedVideo] = useState(0);
+
+// const userId = getCookiesDecrypt("uie");
+
+// useEffect(() => {
+// initFetch();
+// checkWishlist();
+// sendActivityLog(2);
+// }, []);
+
+// const initFetch = async () => {
+// const response = await getDetail(String(slug));
+// console.log("detailVideo", response);
+// setIsFromSPIT(response?.data?.data?.isFromSPIT);
+// setMain({
+// id: response?.data?.data?.files[0]?.id,
+// type: response?.data?.data?.fileType.name,
+// url:
+// Number(response?.data?.data?.fileType?.id) == 4
+// ? response?.data?.data?.files[0]?.secondaryUrl
+// : Number(response?.data?.data?.fileType?.id) == 2
+// ? `${process.env.NEXT_PUBLIC_API}/media/view?id=${response?.data?.data?.files[0]?.id}&operation=file&type=video`
+// : response?.data?.data?.files[0]?.url,
+// thumbnailFileUrl: response?.data?.data?.files[0]?.thumbnailFileUrl,
+// names: response?.data?.data?.files[0]?.fileName,
+// format: response?.data?.data?.files[0]?.format,
+// widthPixel: response?.data?.data?.files[0]?.widthPixel,
+// heightPixel: response?.data?.data?.files[0]?.heightPixel,
+// size: response?.data?.data?.files[0]?.size,
+// caption: response?.data?.data?.files[0]?.caption,
+// });
+// setDetailDataVideo(response?.data?.data);
+// };
+
+// const doBookmark = async () => {
+// if (userId) {
+// const data = {
+// mediaUploadId: slug?.split("-")?.[0],
+// };
+
+// loading();
+// const res = await saveWishlist(data);
+// if (res?.error) {
+// error(res.message);
+// return false;
+// }
+// close();
+// toast({
+// title: "Konten berhasil disimpan",
+// });
+// checkWishlist();
+// } else {
+// router.push("/auth");
+// }
+// };
+// async function checkWishlist() {
+// if (userId) {
+// const res = await checkWishlistStatus(slug.split("-")?.[0]);
+// console.log(res?.data?.data);
+// const isAlreadyOnWishlist = res?.data?.data !== "-1";
+// setWishlistId(res?.data?.data);
+// setIsSaved(isAlreadyOnWishlist);
+// }
+// }
+
+// const handleDeleteWishlist = async () => {
+// if (userId) {
+// loading();
+// const res = await deleteWishlist(wishlistId);
+
+// if (res?.error) {
+// error(res.message);
+// return false;
+// }
+
+// toast({
+// title: "Konten berhasil dihapus",
+// });
+// close();
+// checkWishlist();
+// } else {
+// router.push("/auth");
+// }
+// };
+
+// const sizes = [
+// { label: "XL", value: "3198 x 1798 px" },
+// { label: "L", value: "2399 x 1349 px" },
+// { label: "M", value: "1599 x 899 px" },
+// { label: "S", value: "1066 x 599 px" },
+// { label: "XS", value: "800 x 450 px" },
+// ];
+
+// async function sendActivityLog(activityTypeId: number) {
+// const data = {
+// activityTypeId,
+// mediaId: slug.split("-")?.[0],
+// url: window.location.href,
+// };
+// // set activity
+// await postActivityLog(data);
+// }
+
+// const handleDownload = () => {
+// if (downloadProgress === 0) {
+// if (!userId) {
+// router.push("/auth");
+// } else {
+// sendActivityLog(2);
+// sendActivityLog(3);
+
+// if (isDownloadAll) {
+// let url: string;
+// const baseId = slug.split("-")?.[0];
+
+// // if (type === "1") {
+// url = `${process.env.NEXT_PUBLIC_API}/media/file/download-zip?id=${baseId}&resolution=${resolutionSelected}`;
+// // } else if (type === "2") {
+// // url = `${process.env.NEXT_PUBLIC_API}/media/file/download-zip?id=${baseId}&resolution=${imageSizeSelected}`;
+// // } else {
+// // url = `${process.env.NEXT_PUBLIC_API}/media/file/download-zip?id=${baseId}`;
+// // }
+
+// downloadFile(url, "FileDownload.zip");
+// } else {
+// if (isFromSPIT && main?.url?.includes("spit.humas")) {
+// downloadFile(`${main?.url}`, `${main.names}`);
+// } else {
+// const url = `${process.env.NEXT_PUBLIC_API}/media/view?id=${main?.id}&operation=file&type=video&resolution=${resolutionSelected}p`;
+// downloadFile(url, `${main.names}`);
+// }
+// }
+// // } else if (type === "1" && resolutionSelected?.length > 0) {
+// // if (isFromSPIT && main?.url?.includes("spit.humas")) {
+// // downloadFile(`${main?.url}`, `${main.names}`);
+// // } else {
+// // const url = `${process.env.NEXT_PUBLIC_API}/media/view?id=${main?.id}&operation=file&type=video&resolution=${resolutionSelected}p`;
+// // downloadFile(url, `${main.names}`);
+// // }
+// // } else if (type === "2" && imageSizeSelected?.length > 0) {
+// // const url = `${process.env.NEXT_PUBLIC_API}/media/view?id=${main?.id}&operation=file&type=image&resolution=${imageSizeSelected}`;
+// // downloadFile(url, `${main.names}`);
+// // } else if (type === "3" || type === "4") {
+// // downloadFile(`${main?.url}`, `${main.names}`);
+// // }
+// }
+// }
+// };
+
+// const downloadFile = (fileUrl: string, name: string) => {
+// const xhr = new XMLHttpRequest();
+
+// xhr.open("GET", fileUrl, true);
+// xhr.responseType = "blob";
+
+// xhr.addEventListener("progress", (event) => {
+// if (event.lengthComputable) {
+// const percentCompleted = Math.round((event.loaded / event.total) * 100);
+// setDownloadProgress(percentCompleted);
+// }
+// });
+
+// xhr.addEventListener("readystatechange", () => {
+// if (xhr.readyState === 4 && xhr.status === 200) {
+// const contentType =
+// xhr.getResponseHeader("content-type") || "application/octet-stream";
+// const extension = contentType.split("/")[1];
+// const filename = `${name}.${extension}`;
+
+// const blob = new Blob([xhr.response], {
+// type: contentType,
+// });
+// const downloadUrl = URL.createObjectURL(blob);
+// const a = document.createElement("a");
+
+// a.href = downloadUrl;
+// a.download = filename;
+// document.body.append(a);
+// a.click();
+// a.remove();
+// }
+// });
+
+// xhr.onloadend = () => {
+// setDownloadProgress(0);
+// };
+
+// xhr.send();
+// };
+
+// return (
+// <>
+// ("L");
- const [selectedTab, setSelectedTab] = useState("video");
- const router = useRouter();
- const pathname = usePathname();
- const params = useParams();
- const slug = String(params?.slug);
- const [detailDataVideo, setDetailDataVideo] = useState();
- const [isSaved, setIsSaved] = useState(false);
- const [wishlistId, setWishlistId] = useState();
- const { toast } = useToast();
- const [isDownloadAll, setIsDownloadAll] = useState(false);
- const [downloadProgress, setDownloadProgress] = useState(0);
- const [isFromSPIT, setIsFromSPIT] = useState(false);
- const [main, setMain] = useState();
- const [resolutionSelected, setResolutionSelected] = useState("720");
+interface Size {
+ label: string;
+ value: string;
+}
- const userId = getCookiesDecrypt("uie");
-
- useEffect(() => {
- initFetch();
- checkWishlist();
- sendActivityLog(2);
- }, []);
-
- const initFetch = async () => {
- const response = await getDetail(String(slug));
- console.log("detailVideo", response);
- setIsFromSPIT(response?.data?.data?.isFromSPIT);
- setMain({
- id: response?.data?.data?.files[0]?.id,
- type: response?.data?.data?.fileType.name,
- url:
- Number(response?.data?.data?.fileType?.id) == 4
- ? response?.data?.data?.files[0]?.secondaryUrl
- : Number(response?.data?.data?.fileType?.id) == 2
- ? `${process.env.NEXT_PUBLIC_API}/media/view?id=${response?.data?.data?.files[0]?.id}&operation=file&type=video`
- : response?.data?.data?.files[0]?.url,
- thumbnailFileUrl: response?.data?.data?.files[0]?.thumbnailFileUrl,
- names: response?.data?.data?.files[0]?.fileName,
- format: response?.data?.data?.files[0]?.format,
- widthPixel: response?.data?.data?.files[0]?.widthPixel,
- heightPixel: response?.data?.data?.files[0]?.heightPixel,
- size: response?.data?.data?.files[0]?.size,
- caption: response?.data?.data?.files[0]?.caption,
- });
- setDetailDataVideo(response?.data?.data);
+type Props = {
+ params: {
+ title: string;
+ slug: string;
+ description: string;
+ thumbnailLink: string;
};
-
- const doBookmark = async () => {
- if (userId) {
- const data = {
- mediaUploadId: slug?.split("-")?.[0],
- };
-
- loading();
- const res = await saveWishlist(data);
- if (res?.error) {
- error(res.message);
- return false;
- }
- close();
- toast({
- title: "Konten berhasil disimpan",
- });
- checkWishlist();
- } else {
- router.push("/auth");
- }
- };
- async function checkWishlist() {
- if (userId) {
- const res = await checkWishlistStatus(slug.split("-")?.[0]);
- console.log(res?.data?.data);
- const isAlreadyOnWishlist = res?.data?.data !== "-1";
- setWishlistId(res?.data?.data);
- setIsSaved(isAlreadyOnWishlist);
- }
- }
-
- const handleDeleteWishlist = async () => {
- if (userId) {
- loading();
- const res = await deleteWishlist(wishlistId);
-
- if (res?.error) {
- error(res.message);
- return false;
- }
-
- toast({
- title: "Konten berhasil dihapus",
- });
- close();
- checkWishlist();
- } else {
- router.push("/auth");
- }
- };
-
- const sizes = [
- { label: "XL", value: "3198 x 1798 px" },
- { label: "L", value: "2399 x 1349 px" },
- { label: "M", value: "1599 x 899 px" },
- { label: "S", value: "1066 x 599 px" },
- { label: "XS", value: "800 x 450 px" },
- ];
-
- async function sendActivityLog(activityTypeId: number) {
- const data = {
- activityTypeId,
- mediaId: slug.split("-")?.[0],
- url: window.location.href,
- };
- // set activity
- await postActivityLog(data);
- }
-
- const handleDownload = () => {
- if (downloadProgress === 0) {
- if (!userId) {
- router.push("/auth");
- } else {
- sendActivityLog(2);
- sendActivityLog(3);
-
- if (isDownloadAll) {
- let url: string;
- const baseId = slug.split("-")?.[0];
-
- // if (type === "1") {
- url = `${process.env.NEXT_PUBLIC_API}/media/file/download-zip?id=${baseId}&resolution=${resolutionSelected}`;
- // } else if (type === "2") {
- // url = `${process.env.NEXT_PUBLIC_API}/media/file/download-zip?id=${baseId}&resolution=${imageSizeSelected}`;
- // } else {
- // url = `${process.env.NEXT_PUBLIC_API}/media/file/download-zip?id=${baseId}`;
- // }
-
- downloadFile(url, "FileDownload.zip");
- } else {
- if (isFromSPIT && main?.url?.includes("spit.humas")) {
- downloadFile(`${main?.url}`, `${main.names}`);
- } else {
- const url = `${process.env.NEXT_PUBLIC_API}/media/view?id=${main?.id}&operation=file&type=video&resolution=${resolutionSelected}p`;
- downloadFile(url, `${main.names}`);
- }
- }
- // } else if (type === "1" && resolutionSelected?.length > 0) {
- // if (isFromSPIT && main?.url?.includes("spit.humas")) {
- // downloadFile(`${main?.url}`, `${main.names}`);
- // } else {
- // const url = `${process.env.NEXT_PUBLIC_API}/media/view?id=${main?.id}&operation=file&type=video&resolution=${resolutionSelected}p`;
- // downloadFile(url, `${main.names}`);
- // }
- // } else if (type === "2" && imageSizeSelected?.length > 0) {
- // const url = `${process.env.NEXT_PUBLIC_API}/media/view?id=${main?.id}&operation=file&type=image&resolution=${imageSizeSelected}`;
- // downloadFile(url, `${main.names}`);
- // } else if (type === "3" || type === "4") {
- // downloadFile(`${main?.url}`, `${main.names}`);
- // }
- }
- }
- };
-
- const downloadFile = (fileUrl: string, name: string) => {
- const xhr = new XMLHttpRequest();
-
- xhr.open("GET", fileUrl, true);
- xhr.responseType = "blob";
-
- xhr.addEventListener("progress", (event) => {
- if (event.lengthComputable) {
- const percentCompleted = Math.round((event.loaded / event.total) * 100);
- setDownloadProgress(percentCompleted);
- }
- });
-
- xhr.addEventListener("readystatechange", () => {
- if (xhr.readyState === 4 && xhr.status === 200) {
- const contentType = xhr.getResponseHeader("content-type") || "application/octet-stream";
- const extension = contentType.split("/")[1];
- const filename = `${name}.${extension}`;
-
- const blob = new Blob([xhr.response], {
- type: contentType,
- });
- const downloadUrl = URL.createObjectURL(blob);
- const a = document.createElement("a");
-
- a.href = downloadUrl;
- a.download = filename;
- document.body.append(a);
- a.click();
- a.remove();
- }
- });
-
- xhr.onloadend = () => {
- setDownloadProgress(0);
- };
-
- xhr.send();
- };
-
- return (
- <>
- {
+ const slug = String(params?.slug);
+ const res = await getDetailMetaData(String(slug));
+ const video = res?.data?.data;
+ // console.log("video", video);
+ return {
+ title: video.title,
+ description: video.description,
+ openGraph: {
+ title: video?.title,
+ description: video?.description,
+ videos: [`${video?.smallThumbnailLink}`],
+ },
+ };
+}
+
+export default async function DetailInfo({ params }: Props) {
+ return
-
@@ -854,7 +854,7 @@ const FilterPage = () => {
+
))}
diff --git a/app/[locale]/(public)/(polda)/polda/[polda_name]/video/detail/[slug]/page.tsx b/app/[locale]/(public)/(polda)/polda/[polda_name]/video/detail/[slug]/page.tsx
index 3be24ad4..d20cd981 100644
--- a/app/[locale]/(public)/(polda)/polda/[polda_name]/video/detail/[slug]/page.tsx
+++ b/app/[locale]/(public)/(polda)/polda/[polda_name]/video/detail/[slug]/page.tsx
@@ -1,344 +1,476 @@
-"use client";
+// "use client";
-import { useParams, usePathname } from "next/navigation";
+// import { useParams, usePathname } from "next/navigation";
+// import React, { useEffect, useState } from "react";
+// import { Icon } from "@iconify/react/dist/iconify.js";
+// import {
+// checkWishlistStatus,
+// deleteWishlist,
+// getDetail,
+// saveWishlist,
+// } from "@/service/landing/landing";
+// import VideoPlayer from "@/utils/video-player";
+// import NewContent from "@/components/landing-page/new-content";
+// import { Link, useRouter } from "@/i18n/routing";
+// import { Textarea } from "@/components/ui/textarea";
+// import { getCookiesDecrypt } from "@/lib/utils";
+// import { close, error, loading } from "@/config/swal";
+// import { useToast } from "@/components/ui/use-toast";
+// import { postActivityLog } from "@/service/content/content";
+
+// const DetailVideo = () => {
+// const [selectedSize, setSelectedSize] = useState
{image?.title}
-
+// {/* Container Utama */}
+//
+//
+// {/* Bagian Kiri */}
+//
+//
+// {/*
+
+// {/* Bagian Kanan */}
+//
+//
*/}
+//
+//
+
+//
+//
+//
+//
+//
+//
+// {detailDataVideo?.files?.map((file: any, index: number) => (
+//
+
+// {/* Footer Informasi */}
+// setSelectedVideo(index)}
+// className="cursor-pointer flex flex-col items-center gap-1"
+// >
+// 
+// {/*
+// ))}
+// {file?.fileName}
*/} +//
+//
+
+// {/* Keterangan */}
+//
+// oleh
+//
+// {detailDataVideo?.uploadedBy?.userLevel?.name}
+//
+// | Diupdate pada {detailDataVideo?.updatedAt}{" "}
+// WIB |
+//
Kreator: {detailDataVideo?.creatorName}
+//
+//
+// +// {detailDataVideo?.title} +//
+// +//
+// {isSaved ? (
+// handleDeleteWishlist()}
+// className="flex flex-col mb-3 items-center justify-center cursor-pointer"
+// >
+//
+// Hapus
+// +// ) : ( +// doBookmark()} +// className="flex flex-col mb-3 items-center justify-center cursor-pointer" +// > +//Simpan
+// +// )} + +// {/* garis */} +// + +// +// {detailDataVideo?.categoryName} +// + +//
+// {detailDataVideo?.tags.split(",").map((tag: string) => (
+// router.push(`/all/filter?tag=${tag}`)}
+// key={tag}
+// className="bg-gray-200 text-gray-700 text-xs px-3 py-1 rounded-full cursor-pointer hover:bg-gray-500 hover:text-white"
+// >
+// {tag}
+//
+// ))}
+//
+
+//
+
+// {/* Opsi Ukuran Foto */}
+// +// Opsi Ukuran Audio Visual +//
+ +// + +//
+// {sizes.map((size: any) => (
+//
+
+// {/* Download Semua */}
+//
+//
+// ))}
+//
+// setSelectedSize(size.label)}
+// className="text-red-600 focus:ring-red-600"
+// />
+//
+// {size.label}
+//
+//
+// {size.value}
+//
+//
+//
+
+// {/* Tombol Download */}
+//
+//
+// {/* Comment */}
+//
+//
+// );
+// };
+
+// export default DetailVideo;
import React, { useEffect, useState } from "react";
-import { Icon } from "@iconify/react/dist/iconify.js";
-import { checkWishlistStatus, deleteWishlist, getDetail, saveWishlist } from "@/service/landing/landing";
-import VideoPlayer from "@/utils/video-player";
-import NewContent from "@/components/landing-page/new-content";
-import { Link, useRouter } from "@/i18n/routing";
-import { Textarea } from "@/components/ui/textarea";
-import { getCookiesDecrypt } from "@/lib/utils";
-import { close, error, loading } from "@/config/swal";
-import { useToast } from "@/components/ui/use-toast";
-import { postActivityLog } from "@/service/content/content";
+import {
+ checkWishlistStatus,
+ createPublicSuggestion,
+ deletePublicSuggestion,
+ deleteWishlist,
+ getDetail,
+ getDetailMetaData,
+ getPublicSuggestionList,
+ saveWishlist,
+} from "@/service/landing/landing";
+import { Metadata } from "next";
+import DetailImage from "@/components/main/image-detail";
+import DetailVideo from "@/components/main/video-detail";
-const DetailVideo = () => {
- const [selectedSize, setSelectedSize] = useState
+//
+
+// {/* Konten Serupa */}
+//
+//
+// Berikan Komentar
+// +// +//
+//
+//
- {/* Container Utama */}
-
-
- {/* Bagian Kiri */}
-
-
-
-
- {/* Bagian Kanan */}
-
-
-
- {/* Footer Informasi */}
-
-
-
- {/* Keterangan */}
-
- oleh
- {detailDataVideo?.uploadedBy?.userLevel?.name}
- | Diupdate pada {detailDataVideo?.updatedAt} WIB |
-
Kreator: {detailDataVideo?.creatorName}
-
-
- {detailDataVideo?.title}
- -
- {isSaved ? (
- handleDeleteWishlist()} className="flex flex-col mb-3 items-center justify-center cursor-pointer">
-
- Hapus
- - ) : ( - doBookmark()} className="flex flex-col mb-3 items-center justify-center cursor-pointer"> -Simpan
- - )} - - {/* garis */} - - - - {detailDataVideo?.categoryName} - - -
- {detailDataVideo?.tags.split(",").map((tag: string) => (
- router.push(`/all/filter?tag=${tag}`)} key={tag} className="bg-gray-200 text-gray-700 text-xs px-3 py-1 rounded-full cursor-pointer hover:bg-gray-500 hover:text-white">
- {tag}
-
- ))}
-
-
-
-
- {/* Opsi Ukuran Foto */}
- Opsi Ukuran Audio Visual
- - - -
- {sizes.map((size: any) => (
-
-
- {/* Download Semua */}
-
-
- ))}
-
- setSelectedSize(size.label)} className="text-red-600 focus:ring-red-600" />
-
- {size.label}
-
-
- {size.value}
-
-
-
-
- {/* Tombol Download */}
-
-
- {/* Comment */}
-
-
- );
};
-export default DetailVideo;
+export async function generateMetadata({ params }: any): Promise
-
-
- {/* Konten Serupa */}
-
-
- Berikan Komentar
- - -
-
-
- router.push(
- prefixPath + `/video/detail/${video?.slug}`
- )
- }
+
+// router.push(
+// prefixPath + `/video/detail/${video?.slug}`
+// )
+// }
>
{/* 
*/}
+ ${baseUrl}/${article.fileTypeId == 1 ? "image" : article.fileTypeId == 2 ? "video" : article.fileTypeId == 3 ? "document" : "audio"}/detail/${article.id}-${article.slug}
+ ${new Date(article.updatedAt).toISOString()}
+ weekly
+ 0.8
+ `
+ )
+ .join("");
+
+ const sitemap = `
+
+
+ ${baseUrl}
+ ${new Date().toISOString()}
+ daily
+ 1.0
+
+ ${urls}
+ `;
+
+ return new NextResponse(sitemap, {
+ headers: {
+ "Content-Type": "application/xml",
+ },
+ });
+}
diff --git a/components/form/content/image-update-form.tsx b/components/form/content/image-update-form.tsx
index 2aea0c27..bfe3bf03 100644
--- a/components/form/content/image-update-form.tsx
+++ b/components/form/content/image-update-form.tsx
@@ -147,9 +147,7 @@ export default function FormImageUpdate() {
let counterUpdateProgress = 0;
const [progressList, setProgressList] = useState([]);
let uploadPersen = 0;
-
const isDetailOfRegionShowed = false;
-
const [isStartUpload, setIsStartUpload] = useState(false);
const [counterProgress, setCounterProgress] = useState(0);
const t = useTranslations("Form");
@@ -2329,16 +2327,27 @@ export default function FormImageUpdate() {
{tags.map((tag, index) => (
+ {/* Hidden span untuk ukur lebar teks */}
+
+ {tag || " "}
+
+
handleEditTag(index, e.target.value)}
- className="bg-black text-white border-none focus:outline-none w-auto"
+ style={{
+ width: `${Math.max(tag.length, 1)}ch`,
+ }}
+ className="bg-black text-white border-none focus:outline-none"
/>
+
))}
+
{/*
@@ -862,7 +862,7 @@ const FilterPage = () => {
+
))}
diff --git a/app/sitemap.xml/route.ts b/app/sitemap.xml/route.ts
new file mode 100644
index 00000000..09b026e8
--- /dev/null
+++ b/app/sitemap.xml/route.ts
@@ -0,0 +1,40 @@
+"use server";
+import { getListContent } from "@/service/landing/landing";
+import { NextResponse } from "next/server";
+
+export async function GET() {
+ const baseUrl = "https://mediahub.polri.go.id/in";
+
+ const response = await getListContent({ page: 1, limit: "100", search: "" });
+
+ const articles = response?.data?.data || [];
+
+ const urls = articles
+ .map(
+ (article: any) => `
+
{video?.title}
-
{detail?.tags?.split(",").map((tag, index) => (
-
+
*/}
-
diff --git a/components/landing-page/filter-all/image-filter-card.tsx b/components/landing-page/filter-all/image-filter-card.tsx
index 70d45b8e..40743fd7 100644
--- a/components/landing-page/filter-all/image-filter-card.tsx
+++ b/components/landing-page/filter-all/image-filter-card.tsx
@@ -190,10 +190,11 @@ export default function FilterImageComponent(props: {
{newContent?.map((image: any) => (
-
+
))}
diff --git a/components/main/image-detail.tsx b/components/main/image-detail.tsx
index bd11c994..38aa87a8 100644
--- a/components/main/image-detail.tsx
+++ b/components/main/image-detail.tsx
@@ -578,7 +578,7 @@ const DetailImage = (data: any) => {
height={1440}
src={detailDataImage?.files[selectedImage]?.url}
alt="Main"
- className="rounded-lg h-[300px] w-screen lg:h-[600px] lg:w-full object-contain"
+ className="rounded-lg h-[300px] w-screen lg:h-[570px] lg:w-full object-contain"
/>
diff --git a/components/main/video-detail.tsx b/components/main/video-detail.tsx
index ed75ff9b..f2cc40b1 100644
--- a/components/main/video-detail.tsx
+++ b/components/main/video-detail.tsx
@@ -472,9 +472,9 @@ const DetailVideo = () => {
- router.push(prefixPath + `/image/detail/${image?.slug}`)
- }
+
+ // router.push(prefixPath + `/image/detail/${image?.slug}`)
+ // }
className="cursor-pointer relative group overflow-hidden bg-white dark:bg-black dark:border dark:border-gray-500 rounded-xl shadow-md hover:shadow-lg transition-shadow duration-300"
>
{/* Image with motion effect */}
@@ -260,7 +261,7 @@ export default function FilterImageComponent(props: {
*/}
-
-
-
+
+
+