fix: bugs in ladning and icon tenant setting
This commit is contained in:
parent
24b44a491a
commit
7a9656714e
|
|
@ -208,7 +208,7 @@ function TenantSettingsContentTable() {
|
|||
</p>
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
<SettingsIcon className="h-6 w-6 text-gray-500" />
|
||||
{/* <SettingsIcon className="h-6 w-6 text-gray-500" /> */}
|
||||
{/* <Button variant="outline" size="sm" onClick={checkWorkflowStatus}>
|
||||
Check Workflow Status
|
||||
</Button> */}
|
||||
|
|
|
|||
|
|
@ -137,8 +137,8 @@ export default function Header() {
|
|||
}, [bookmarkedIds]);
|
||||
|
||||
return (
|
||||
<RevealR>
|
||||
<section className="max-w-[1350px] mx-auto px-4">
|
||||
<section className="max-w-[1350px] mx-auto px-4">
|
||||
<RevealR>
|
||||
<div className="flex flex-col lg:flex-row gap-6 py-6">
|
||||
{data.length > 0 && (
|
||||
<Card
|
||||
|
|
@ -150,7 +150,6 @@ export default function Header() {
|
|||
}
|
||||
/>
|
||||
)}
|
||||
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4 w-full">
|
||||
{data.slice(1, 5).map((item) => (
|
||||
<Card
|
||||
|
|
@ -164,44 +163,44 @@ export default function Header() {
|
|||
))}
|
||||
</div>
|
||||
</div>
|
||||
</RevealR>
|
||||
|
||||
<div className="relative w-full h-48 sm:h-64 md:h-80 lg:h-[460px] mt-4 rounded-xl overflow-hidden">
|
||||
<Swiper
|
||||
modules={[Navigation, Pagination]}
|
||||
navigation
|
||||
pagination={{ clickable: true }}
|
||||
spaceBetween={10}
|
||||
slidesPerView={1}
|
||||
loop={true}
|
||||
className="w-full h-full"
|
||||
>
|
||||
{images.map((img, index) => (
|
||||
<SwiperSlide key={index}>
|
||||
<div className="relative w-full h-48 sm:h-64 md:h-80 lg:h-[460px]">
|
||||
{/* <Image
|
||||
<div className="relative w-full h-48 sm:h-64 md:h-80 lg:h-[460px] mt-4 rounded-xl overflow-hidden">
|
||||
<Swiper
|
||||
modules={[Navigation, Pagination]}
|
||||
navigation
|
||||
pagination={{ clickable: true }}
|
||||
spaceBetween={10}
|
||||
slidesPerView={1}
|
||||
loop={true}
|
||||
className="w-full h-full"
|
||||
>
|
||||
{images.map((img, index) => (
|
||||
<SwiperSlide key={index}>
|
||||
<div className="relative w-full h-48 sm:h-64 md:h-80 lg:h-[460px]">
|
||||
{/* <Image
|
||||
src={img}
|
||||
alt={`slide-${index}`}
|
||||
fill
|
||||
className="object-cover rounded-xl"
|
||||
priority={index === 0}
|
||||
/> */}
|
||||
<ImageBlurry
|
||||
priority
|
||||
src={img}
|
||||
alt="gambar"
|
||||
style={{
|
||||
objectFit: "contain",
|
||||
width: "100%",
|
||||
height: "100%",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
</div>
|
||||
</section>
|
||||
</RevealR>
|
||||
<ImageBlurry
|
||||
priority
|
||||
src={img}
|
||||
alt="gambar"
|
||||
style={{
|
||||
objectFit: "contain",
|
||||
width: "100%",
|
||||
height: "100%",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
|
|
@ -311,92 +310,92 @@ function Card({
|
|||
};
|
||||
|
||||
return (
|
||||
<RevealL>
|
||||
// <RevealL>
|
||||
<div
|
||||
className={`rounded-xl overflow-hidden shadow hover:shadow-lg transition-all bg-white dark:bg-black dark:border dark:border-slate-50 ${
|
||||
isBig
|
||||
? "w-full lg:max-w-[670px] lg:min-h-[680px]"
|
||||
: "w-full h-[350px] md:h-[330px]"
|
||||
}`}
|
||||
>
|
||||
<div
|
||||
className={`rounded-xl overflow-hidden shadow hover:shadow-lg transition-all bg-white dark:bg-black dark:border dark:border-slate-50 ${
|
||||
isBig
|
||||
? "w-full lg:max-w-[670px] lg:min-h-[680px]"
|
||||
: "w-full h-[350px] md:h-[330px]"
|
||||
}`}
|
||||
className={`relative ${
|
||||
isBig ? "aspect-[3/2] lg:h-[525px]" : "aspect-video"
|
||||
} w-full`}
|
||||
>
|
||||
<div
|
||||
className={`relative ${
|
||||
isBig ? "aspect-[3/2] lg:h-[525px]" : "aspect-video"
|
||||
} w-full`}
|
||||
>
|
||||
<Link href={getLink()}>
|
||||
{/* <Image
|
||||
<Link href={getLink()}>
|
||||
{/* <Image
|
||||
src={item.smallThumbnailLink || "/contributor.png"}
|
||||
alt={item.title}
|
||||
fill
|
||||
className="object-cover"
|
||||
/> */}
|
||||
<ImageBlurry
|
||||
src={imageSrc}
|
||||
alt={item.title}
|
||||
className="w-full h-full object-contain"
|
||||
/>
|
||||
</Link>
|
||||
<ImageBlurry
|
||||
src={imageSrc}
|
||||
alt={item.title}
|
||||
className="w-full h-full object-contain"
|
||||
/>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<div className="py-[26px] px-4 space-y-2">
|
||||
<div className="flex justify-between items-center gap-2 text-xs font-semibold flex-row">
|
||||
<span className="bg-emerald-600 text-white px-2 py-0.5 rounded">
|
||||
{item.clientName}
|
||||
</span>
|
||||
<span className="text-orange-600">
|
||||
{item.categories?.map((cat: any) => cat.title).join(", ")}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div className="py-[26px] px-4 space-y-2">
|
||||
<div className="flex justify-between items-center gap-2 text-xs font-semibold flex-row">
|
||||
<span className="bg-emerald-600 text-white px-2 py-0.5 rounded">
|
||||
{item.clientName}
|
||||
</span>
|
||||
<span className="text-orange-600">
|
||||
{item.categories?.map((cat: any) => cat.title).join(", ")}
|
||||
</span>
|
||||
<div className="text-xs text-gray-500">
|
||||
{new Date(item.createdAt)
|
||||
.toLocaleString("id-ID", {
|
||||
day: "2-digit",
|
||||
month: "short",
|
||||
year: "numeric",
|
||||
hour: "2-digit",
|
||||
minute: "2-digit",
|
||||
hour12: false,
|
||||
timeZone: "Asia/Jakarta",
|
||||
})
|
||||
.replace(".", ":")}{" "}
|
||||
WIB
|
||||
</div>
|
||||
|
||||
<Link href={getLink()}>
|
||||
<h3 className="text-sm font-semibold leading-snug line-clamp-2">
|
||||
{item.title}
|
||||
</h3>
|
||||
</Link>
|
||||
|
||||
<div className="flex justify-between items-center pt-2">
|
||||
<div className="flex gap-2 text-gray-500">
|
||||
<ThumbsUp
|
||||
size={18}
|
||||
className="cursor-pointer hover:text-[#F60100]"
|
||||
/>
|
||||
<ThumbsDown
|
||||
size={18}
|
||||
className="cursor-pointer hover:text-red-600"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="text-xs text-gray-500">
|
||||
{new Date(item.createdAt)
|
||||
.toLocaleString("id-ID", {
|
||||
day: "2-digit",
|
||||
month: "short",
|
||||
year: "numeric",
|
||||
hour: "2-digit",
|
||||
minute: "2-digit",
|
||||
hour12: false,
|
||||
timeZone: "Asia/Jakarta",
|
||||
})
|
||||
.replace(".", ":")}{" "}
|
||||
WIB
|
||||
</div>
|
||||
|
||||
<Link href={getLink()}>
|
||||
<h3 className="text-sm font-semibold leading-snug line-clamp-2">
|
||||
{item.title}
|
||||
</h3>
|
||||
</Link>
|
||||
|
||||
<div className="flex justify-between items-center pt-2">
|
||||
<div className="flex gap-2 text-gray-500">
|
||||
<ThumbsUp
|
||||
size={18}
|
||||
className="cursor-pointer hover:text-[#F60100]"
|
||||
/>
|
||||
<ThumbsDown
|
||||
size={18}
|
||||
className="cursor-pointer hover:text-red-600"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<button
|
||||
onClick={handleSave}
|
||||
disabled={isSaving || isBookmarked}
|
||||
className={`text-sm px-3 py-1 rounded-md transition-all duration-200 ${
|
||||
isBookmarked
|
||||
? "bg-gray-400 text-white cursor-not-allowed"
|
||||
: "bg-[#F60100] text-white hover:bg-[#c90000]"
|
||||
}`}
|
||||
>
|
||||
{isSaving ? t("saving") : isBookmarked ? t("saved") : t("save")}
|
||||
</button>
|
||||
</div>
|
||||
<button
|
||||
onClick={handleSave}
|
||||
disabled={isSaving || isBookmarked}
|
||||
className={`text-sm px-3 py-1 rounded-md transition-all duration-200 ${
|
||||
isBookmarked
|
||||
? "bg-gray-400 text-white cursor-not-allowed"
|
||||
: "bg-[#F60100] text-white hover:bg-[#c90000]"
|
||||
}`}
|
||||
>
|
||||
{isSaving ? t("saving") : isBookmarked ? t("saved") : t("save")}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</RevealL>
|
||||
</div>
|
||||
// </RevealL>
|
||||
);
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue