fix upload image trip
This commit is contained in:
@@ -2,7 +2,7 @@ import { ImageResponse } from "next/og";
|
||||
import { tripService } from "@/server/services/trip.service";
|
||||
import { formatRupiah } from "@/lib/utils";
|
||||
import { formatTripCalendarDateRangeLong } from "@/lib/trip-dates";
|
||||
import { siteConfig } from "@/lib/site";
|
||||
import { siteConfig, siteUrl } from "@/lib/site";
|
||||
|
||||
export const alt = `${siteConfig.name} — Open Trip & Aktivitas Bareng`;
|
||||
export const size = { width: 1200, height: 630 };
|
||||
@@ -43,7 +43,15 @@ export default async function TripOgImage({
|
||||
);
|
||||
}
|
||||
|
||||
const cover = trip.images[0]?.url;
|
||||
// Satori (ImageResponse) mem-fetch gambar server-side dan butuh URL absolut.
|
||||
// Foto trip baru disimpan sebagai path relatif `/api/trip-images/...` —
|
||||
// prefix dengan origin. Foto lama (URL eksternal absolut) dipakai apa adanya.
|
||||
const coverRaw = trip.images[0]?.url;
|
||||
const cover = coverRaw
|
||||
? coverRaw.startsWith("http")
|
||||
? coverRaw
|
||||
: `${siteUrl}${coverRaw}`
|
||||
: undefined;
|
||||
const dateLabel = formatTripCalendarDateRangeLong(trip.date, trip.endDate);
|
||||
const price = formatRupiah(trip.price);
|
||||
|
||||
|
||||
@@ -153,7 +153,7 @@ export default async function TripsPage({ searchParams }: TripsPageProps) {
|
||||
</div>
|
||||
) : (
|
||||
<div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
|
||||
{trips.map((trip) => (
|
||||
{trips.map((trip, index) => (
|
||||
<TripCard
|
||||
key={trip.id}
|
||||
id={trip.id}
|
||||
@@ -170,6 +170,9 @@ export default async function TripsPage({ searchParams }: TripsPageProps) {
|
||||
organizerName={trip.organizer.name}
|
||||
status={trip.status}
|
||||
coverImage={trip.images[0]?.url}
|
||||
// Baris pertama (3 kartu) di atas fold — muat segera supaya
|
||||
// tidak jadi LCP yang lambat.
|
||||
priority={index < 3}
|
||||
isVerifiedOrganizer={
|
||||
trip.organizer.organizerVerification?.status === "APPROVED"
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user