feat(BOOK-62): Added new InfoCard component and using that on hotel pages

Approved-by: Bianca Widstam
This commit is contained in:
Erik Tiekstra
2025-11-04 07:39:33 +00:00
parent 10bf4d08d9
commit 4491d1de8e
27 changed files with 1119 additions and 663 deletions

View File

@@ -1,7 +0,0 @@
import type { CardProps } from "@/components/TempDesignSystem/Card/card"
import type { FacilityCard, FacilityImage } from "./hotelPage/facilities"
export interface CardImageProps extends React.HTMLAttributes<HTMLDivElement> {
card: FacilityCard | CardProps
imageCards?: FacilityImage[]
}

View File

@@ -1,73 +1,3 @@
import type {
Amenities,
Facility,
HealthFacilities,
} from "@scandic-hotels/trpc/types/hotel"
import type { ActivitiesCard } from "@scandic-hotels/trpc/types/hotelPage"
import type { CardProps } from "@/components/TempDesignSystem/Card/card"
export type FacilitiesProps = {
facilities: Facility[]
activitiesCards: ActivitiesCard[]
amenities: Amenities
healthFacilities: HealthFacilities
}
export type FacilityImage = {
backgroundImage: CardProps["backgroundImage"]
theme: CardProps["theme"]
id: string
}
export type FacilityCard = {
secondaryButton: {
href: string
title: string
openInNewTab?: boolean
isExternal: boolean
scrollOnClick: boolean
}
heading: string
scriptedTopTitle?: string
theme: CardProps["theme"]
id: string
}
export type FacilityCardType = FacilityImage | FacilityCard
export type FacilityGrid = FacilityCardType[]
export type Facilities = FacilityGrid[]
export type CardGridProps = {
facilitiesCardGrid: FacilityGrid
}
export enum FacilityCardTypeEnum {
wellness = "wellness",
conference = "meetings",
restaurant = "restaurants",
}
export enum RestaurantHeadings {
generic = "Good vibes, great bites!",
restaurantAndBar = "Restaurant & Bar",
bar = "Bar",
restaurant = "Restaurant",
breakfastRestaurant = "Breakfast Restaurant",
}
export enum WellnessHeadings {
generic = "Here's to your health!",
GymPool = "Gym & Pool",
GymSauna = "Gym & Sauna",
GymPoolSaunaRelax = "Gym, Pool, Sauna & Relax",
GymJacuzziSaunaRelax = "Gym, Jacuzzi, Sauna & Relax",
}
export enum MeetingsHeading {
Default = "Great minds meet here",
}
export enum HealthFacilitiesEnum {
Jacuzzi = "Jacuzzi",
Gym = "Gym",
@@ -77,12 +7,6 @@ export enum HealthFacilitiesEnum {
OutdoorPool = "OutdoorPool",
}
export const FacilityCardButtonText = {
RESTAURANT: "Read more",
MEETINGS: "Read more",
WELLNESS: "Read more",
} as const
export enum ExternalGymDetails {
NameOfExternalGym = "NameOfExternalGym",
DistanceToExternalGym = "DistanceToExternalGym",