mediahub-fe/components/landing-page/dynamic-logo-polda.tsx

"use client";

import Image from "next/image";
import { usePathname } from "next/navigation";

export const DynamicLogoPolda = () => {
  const pathname = usePathname();
  const polda = pathname?.split("/")[3];
  console.log("polda", polda);

  return (
    <div className="p-2">
      {pathname?.includes("/polda") && (
        <Image
          priority={true}
          src={`/logo/polda/polda-${polda}.png`}
          alt="Logo"
          width={1920}
          height={1080}
          className="object-contain h-[150px] w-[50px]"
        />
      )}
    </div>
  );
};