repush logo satker
This commit is contained in:
parent
f6abd4ebc4
commit
86394cc4b6
|
|
@ -43,5 +43,5 @@ export async function generateMetadata({ params }: any): Promise<Metadata> {
|
||||||
}
|
}
|
||||||
|
|
||||||
export default async function DetailInfo({ params }: Props) {
|
export default async function DetailInfo({ params }: Props) {
|
||||||
return <DetailImage />;
|
return <div className="w-full"><DetailImage /></div>;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@ import { usePathname } from "next/navigation";
|
||||||
export const DynamicLogoSatker = () => {
|
export const DynamicLogoSatker = () => {
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
const satker = pathname?.split("/")[3];
|
const satker = pathname?.split("/")[3];
|
||||||
console.log("polda", satker)
|
console.log("satker", satker)
|
||||||
|
|
||||||
return <div className="p-2">{pathname?.includes("/satker") && <Image src={`/logo/satker/${satker}.png`} alt="Logo" width={1920} height={1080} className="object-contain h-[150px] w-[50px]" />}</div>;
|
return <div className="p-2">{pathname?.includes("/satker") && <Image src={`/logo/satker/${satker}.png`} alt="Logo" width={1920} height={1080} className="object-contain h-[150px] w-[50px]" />}</div>;
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,7 @@ const WelcomePolda = () => {
|
||||||
}, [categorySelect]);
|
}, [categorySelect]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<section className="w-full py-8 px-4 ">
|
<section className="w-full py-8 px-4">
|
||||||
<div className="">
|
<div className="">
|
||||||
{/* Heading */}
|
{/* Heading */}
|
||||||
<h1 className="text-2xl md:text-3xl font-bold text-gray-800 dark:text-white">
|
<h1 className="text-2xl md:text-3xl font-bold text-gray-800 dark:text-white">
|
||||||
|
|
|
||||||
|
|
@ -513,10 +513,10 @@ const DetailImage = (data: any) => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="min-h-screen px-4 md:px-24 py-4">
|
<div className="w-full max-w-screen-xl mx-auto px-4 py-4">
|
||||||
<div className="rounded-md overflow-hidden md:flex">
|
<div className="rounded-md overflow-hidden md:flex">
|
||||||
{/* Bagian Kiri */}
|
{/* Bagian Kiri */}
|
||||||
<div className="md:w-3/4">
|
<div className="">
|
||||||
{/* Gambar Besar */}
|
{/* Gambar Besar */}
|
||||||
{isLoading ? (
|
{isLoading ? (
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
|
|
@ -525,15 +525,14 @@ const DetailImage = (data: any) => {
|
||||||
) : (
|
) : (
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<Image
|
<Image
|
||||||
placeholder={`data:image/svg+xml;base64,${toBase64(
|
placeholder={`data:image/svg+xml;base64,${toBase64(shimmer(700, 475))}`}
|
||||||
shimmer(700, 475)
|
width={2560}
|
||||||
)}`}
|
height={1440}
|
||||||
width={2560}
|
src={detailDataImage?.files[selectedImage]?.url}
|
||||||
height={1440}
|
alt="Main"
|
||||||
src={detailDataImage?.files[selectedImage]?.url}
|
className="rounded-lg w-auto max-h-screen object-contain"
|
||||||
alt="Main"
|
/>
|
||||||
className="rounded-lg w-auto h-fit"
|
|
||||||
/>
|
|
||||||
<div className="absolute top-4 left-4"></div>
|
<div className="absolute top-4 left-4"></div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
@ -1135,7 +1134,7 @@ const DetailImage = (data: any) => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Konten Serupa */}
|
{/* Konten Serupa */}
|
||||||
<div className="">
|
<div className="px-4 lg:px-[300px]">
|
||||||
<NewContent group="mabes" type={"similar"} />
|
<NewContent group="mabes" type={"similar"} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue