diff --git a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/index.tsx b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/index.tsx
index 883667c2c..ebd7406a4 100644
--- a/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/BookingConfirmation/Rooms/Room/index.tsx
@@ -108,7 +108,7 @@ export default function Room({
height={204}
src={img?.imageSizes.medium ?? ""}
style={{ borderRadius: "var(--Corner-radius-md)" }}
- title={img?.metaData.title ?? ""}
+ title={img?.metaData.title || img?.metaData.title_En || ""}
width={204}
/>
diff --git a/apps/scandic-web/utils/facilityCards.ts b/apps/scandic-web/utils/facilityCards.ts
index 314bbac0d..9ecb23f89 100644
--- a/apps/scandic-web/utils/facilityCards.ts
+++ b/apps/scandic-web/utils/facilityCards.ts
@@ -125,7 +125,7 @@ export function setFacilityCardGrids(
const img: FacilityImage = {
backgroundImage: {
url: image.imageSizes.large,
- title: image.metaData.title,
+ title: image.metaData.title || image.metaData.title_En,
meta: {
alt: image.metaData.altText,
caption: image.metaData.altText_En,
diff --git a/apps/scandic-web/utils/imageGallery.ts b/apps/scandic-web/utils/imageGallery.ts
index fc285c4fb..1228a701f 100644
--- a/apps/scandic-web/utils/imageGallery.ts
+++ b/apps/scandic-web/utils/imageGallery.ts
@@ -1,6 +1,7 @@
-import type { GalleryImage } from "@/types/components/imageGallery"
-import type { ImageVaultAsset } from "@scandic-hotels/trpc/types/imageVault"
import type { ApiImage } from "@scandic-hotels/trpc/types/hotel"
+import type { ImageVaultAsset } from "@scandic-hotels/trpc/types/imageVault"
+
+import type { GalleryImage } from "@/types/components/imageGallery"
function mapApiImageToGalleryImage(apiImage: ApiImage): GalleryImage {
return {
@@ -8,8 +9,9 @@ function mapApiImageToGalleryImage(apiImage: ApiImage): GalleryImage {
alt:
apiImage.metaData.altText ||
apiImage.metaData.altText_En ||
- apiImage.metaData.title,
- caption: apiImage.metaData.title,
+ apiImage.metaData.title ||
+ apiImage.metaData.title_En,
+ caption: apiImage.metaData.title || apiImage.metaData.title_En,
smallSrc: apiImage.imageSizes.small,
}
}
diff --git a/apps/scandic-web/utils/jsonSchemas.ts b/apps/scandic-web/utils/jsonSchemas.ts
index 7aba62d18..ed617cea7 100644
--- a/apps/scandic-web/utils/jsonSchemas.ts
+++ b/apps/scandic-web/utils/jsonSchemas.ts
@@ -1,5 +1,7 @@
import { env } from "@/env/server"
+import type { Breadcrumbs } from "@scandic-hotels/trpc/types/breadcrumbs"
+import type { HotelData } from "@scandic-hotels/trpc/types/hotel"
import type {
BreadcrumbList,
Hotel as HotelSchema,
@@ -7,9 +9,6 @@ import type {
WithContext,
} from "schema-dts"
-import type { HotelData } from "@scandic-hotels/trpc/types/hotel"
-import type { Breadcrumbs } from "@scandic-hotels/trpc/types/breadcrumbs"
-
export function generateBreadcrumbsSchema(breadcrumbs: Breadcrumbs) {
const itemListElement: ListItem[] = breadcrumbs.map((item, index) => ({
"@type": "ListItem",
@@ -63,7 +62,7 @@ export function generateHotelSchema(hotelData: HotelData) {
jsonLd.image = {
"@type": "ImageObject",
url: image.imageSizes.small,
- caption: image.metaData.title,
+ caption: image.metaData.title || image.metaData.title_En,
}
}
diff --git a/packages/trpc/lib/routers/hotels/schemas/image.ts b/packages/trpc/lib/routers/hotels/schemas/image.ts
index 35ca86354..08f354b2c 100644
--- a/packages/trpc/lib/routers/hotels/schemas/image.ts
+++ b/packages/trpc/lib/routers/hotels/schemas/image.ts
@@ -14,6 +14,7 @@ export const imageMetaDataSchema = z.object({
altText_En: nullableStringValidator,
copyRight: nullableStringValidator,
title: nullableStringValidator,
+ title_En: nullableStringValidator,
})
const DEFAULT_IMAGE_OBJ = {
@@ -22,6 +23,7 @@ const DEFAULT_IMAGE_OBJ = {
altText_En: "Default image",
copyRight: "Default image",
title: "Default image",
+ title_En: "Default image",
},
imageSizes: {
tiny: "https://placehold.co/1280x720",