humas
/
web-humas-fe
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:next/image to heroui/image

This commit is contained in:
Rama Priyanto 2025-05-19 14:42:15 +07:00
parent 4a0354fb1f
commit c0b54c6eb2
5 changed files with 7 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/landing/HeaderNews.tsx
View File

@ -4,6 +4,7 @@ import {
Card,
CardFooter,
CircularProgress,
Image,
ScrollShadow,
} from "@heroui/react";
import { ChevronLeftIcon, ChevronRightIcon, EyeIcon } from "../icons";
@ -21,7 +22,6 @@ import { useTranslations } from "next-intl";
import { data } from "autoprefixer";
import { Controller as FormController } from "react-hook-form";
import { Nabla } from "next/font/google";
import Image from "next/image";
export default function HeaderNews() {
const [article, setArticle] = useState<any>([]);
@ -121,8 +121,6 @@ export default function HeaderNews() {
? "/no-image.jpg"
: newsItem?.thumbnailUrl
}
width={480}
height={480}
className="!w-[90vh] md:!w-[95vh] !h-[200px] md:!h-[400px] object-cover !rounded-b-none"
/>
@ -251,8 +249,6 @@ export default function HeaderNews() {
>
<Image
alt="headernews"
width={480}
height={480}
src={
newsItem?.thumbnailUrl == ""
? "/no-image.jpg"

8
components/landing/MedolUpdate.tsx
View File

@ -3,6 +3,7 @@ import {
Card,
CardBody,
CardFooter,
Image,
Spinner,
Tab,
Tabs,
@ -24,7 +25,6 @@ import {
import { convertDateFormatNoTime, textEllipsis } from "@/utils/global";
import PolriTvWidget from "../ui/social-media/polri-tv";
import { useTranslations } from "next-intl";
import Image from "next/image";
export default function MedolUpdate() {
const [selectedTab, setSelectedTab] = useState<any>("mediahub");
@ -181,8 +181,6 @@ export default function MedolUpdate() {
>
<CardBody className="overflow-visible p-0">
<Image
width={480}
height={480}
alt="thumbnail"
className="object-cover !h-[20vh]"
// src={newsItem.thumbnailLink}
@ -272,8 +270,6 @@ export default function MedolUpdate() {
>
<CardBody className="overflow-visible p-0">
<Image
width={480}
height={480}
alt="thumbnail"
className="object-cover !h-[20vh]"
src={newsItem?.image}
@ -365,8 +361,6 @@ export default function MedolUpdate() {
>
<CardBody className="overflow-visible p-0">
<Image
width={480}
height={480}
alt="thumnail"
className="object-cover !h-[20vh]"
src={newsItem?.thumbnail}

4
components/landing/adds-carousel.tsx
View File

@ -1,11 +1,11 @@
"use client";
import Image from "next/image";
import {
Button,
Card,
CardFooter,
CircularProgress,
Image,
ScrollShadow,
} from "@heroui/react";
import {
@ -138,8 +138,6 @@ export default function AddsCarousel() {
// )
<Image
alt="headernews"
width={1440}
height={1080}
className="w-full h-[20vh] lg:!h-[50vh] object-cover rounded-lg"
src={
newsItem?.contentFileUrl == ""

16
components/landing/banner-new.tsx
View File

@ -34,12 +34,12 @@ import {
PopoverContent,
Accordion,
AccordionItem,
Image,
} from "@heroui/react";
import storedLanguage from "@/store/language-store";
import { ThemeSwitch } from "../theme-switch";
import { siteConfig, SiteConfig } from "@/config/site";
import { getAdvertise } from "@/services/advertisement";
import Image from "next/image";
const images = [
"/landing-1.jpg",
@ -129,8 +129,6 @@ export default function BannerHumasNew() {
{withImage && (
<Image
alt="logo"
width={1960}
height={1080}
src={menu.img}
className="w-[45px] h-[45px]"
/>
@ -239,8 +237,6 @@ export default function BannerHumasNew() {
: img?.contentFileUrl
}
alt={`humasbanner-${index}`}
width={1960}
height={1080}
className="w-screen h-[45vh] lg:h-[93vh] object-cover object-center opacity-[25] dark:opacity-70 rounded-none"
/>
</Link>
@ -250,8 +246,6 @@ export default function BannerHumasNew() {
<Image
src={images[0]}
alt={`humasbanner-1`}
width={1960}
height={1080}
className="w-screen h-[45vh] lg:h-[93vh] object-cover object-center opacity-[25] dark:opacity-70 rounded-none"
/>
</Link>
@ -270,13 +264,7 @@ export default function BannerHumasNew() {
OBYEKTIF - DIPERCAYA - PARTISIPASI
</p>
</div>
<Image
src="/divhumas.png"
alt="logo-humas"
className="w-[200px]"
width={1960}
height={1080}
/>
<Image src="/divhumas.png" alt="logo-humas" className="w-[200px]" />
</div>
<div className="flex flex-col lg:flex-row lg:justify-between gap-4 mt-10 lg:mt-24">
<div className="flex flex-row gap-6">

8
components/page/detail-news.tsx
View File

@ -4,7 +4,6 @@ import {
formatMonthString,
formatTextToHtmlTag,
} from "@/utils/global";
import Image from "next/image";
import {
CalendarIcon,
ChevronLeftIcon,
@ -26,6 +25,7 @@ import { useEffect, useState } from "react";
import { image } from "@heroui/theme";
import Cookies from "js-cookie";
import { saveActivity } from "@/services/activity-log";
import { Image } from "@heroui/react";
const token = Cookies.get("access_token");
const uid = Cookies.get("uie");
@ -155,8 +155,6 @@ export default function DetailNews(props: { data: any; listArticle: any }) {
<div className="flex justify-center my-2 lg:my-5">
{data?.files?.length > 0 && (
<Image
width={1440}
height={1080}
alt="Main Image"
src={data?.files[imageNow]?.file_url}
className="object-cover w-[100%] rounded-md"
@ -172,9 +170,7 @@ export default function DetailNews(props: { data: any; listArticle: any }) {
className="cursor-pointer"
>
<Image
width={480}
height={480}
alt="NextUI hero Image"
alt="Sub Image"
src={file?.file_url}
className="object-cover w-[75px] lg:w-[150px] h-[50px] lg:h-[100px] rounded-md"
/>