scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: WEB-210 Rebased with develop branch

Browse Source
This commit is contained in:
Hrishikesh Vaipurkar
2024-06-26 18:31:56 +02:00
parent 6e901f526a
commit 1fd7cdcbc3
1 changed files with 27 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
components/MyPages/Blocks/Stays/StayCard/index.tsx
View File

@@ -2,8 +2,8 @@ import { dt } from "@/lib/dt"
import { CalendarIcon } from "@/components/Icons" import { CalendarIcon } from "@/components/Icons"
import Image from "@/components/Image" import Image from "@/components/Image"
import Caption from "@/components/TempDesignSystem/Text/Caption"
import Link from "@/components/TempDesignSystem/Link" import Link from "@/components/TempDesignSystem/Link"
import Caption from "@/components/TempDesignSystem/Text/Caption"
import Title from "@/components/TempDesignSystem/Text/Title" import Title from "@/components/TempDesignSystem/Text/Title"
import styles from "./stay.module.css" import styles from "./stay.module.css"
@@ -22,29 +22,31 @@ export default function StayCard({ stay, lang }: StayCardProps) {
const departDateTime = depart.format("YYYY-MM-DD") const departDateTime = depart.format("YYYY-MM-DD")
return ( return (
<article className={styles.stay}> <Link href={bookingUrl ?? ""}>
<Image <article className={styles.stay}>
className={styles.image} <Image
alt={hotelInformation.hotelContent.images.metaData.altText} className={styles.image}
src={hotelInformation.hotelContent.images.imageSizes.small} alt={hotelInformation.hotelContent.images.metaData.altText}
width={420} src={hotelInformation.hotelContent.images.imageSizes.small}
height={240} width={420}
/> height={240}
<footer className={styles.footer}> />
<Title as="h5" className={styles.hotel} level="h3"> <footer className={styles.footer}>
{hotelInformation.hotelName} <Title as="h5" className={styles.hotel} level="h3">
</Title> {hotelInformation.hotelName}
<div className={styles.date}> </Title>
<CalendarIcon color="burgundy" height={24} width={24} /> <div className={styles.date}>
<Caption asChild> <CalendarIcon color="burgundy" height={24} width={24} />
<time dateTime={arrivalDateTime}>{arrivalDate}</time> <Caption asChild>
</Caption> <time dateTime={arrivalDateTime}>{arrivalDate}</time>
{" - "} </Caption>
<Caption asChild> {" - "}
<time dateTime={departDateTime}>{departDate}</time> <Caption asChild>
</Caption> <time dateTime={departDateTime}>{departDate}</time>
</div> </Caption>
</footer> </div>
</article> </footer>
</article>
</Link>
) )
} }