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

feat: add ui for stay card

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-06-26 14:52:35 +02:00
parent e4e3b315ff
commit c435873937
5 changed files with 66 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,6 @@
import { dt } from "@/lib/dt"
import { CalendarIcon } from "@/components/Icons"
import { CalendarIcon, PersonIcon } from "@/components/Icons"
import Image from "@/components/Image"
import Caption from "@/components/TempDesignSystem/Text/Caption"
import Title from "@/components/TempDesignSystem/Text/Title"
@@ -32,15 +32,21 @@ export default function StayCard({ stay, lang }: StayCardProps) {
<Title as="h5" className={styles.hotel} level="h3">
{hotelInformation.hotelName}
</Title>
<div className={styles.date}>
<CalendarIcon color="burgundy" />
<Caption asChild>
<time dateTime={arrivalDateTime}>{arrivalDate}</time>
</Caption>
{" - "}
<Caption asChild>
<time dateTime={departDateTime}>{departDate}</time>
</Caption>
<div className={styles.information}>
<div className={styles.date}>
<CalendarIcon color="burgundy" className={styles.icon} />
<Caption asChild>
<time dateTime={arrivalDateTime}>{arrivalDate}</time>
</Caption>
{" - "}
<Caption asChild>
<time dateTime={departDateTime}>{departDate}</time>
</Caption>
</div>
<div className={styles.guest}>
<PersonIcon color="burgundy" className={styles.icon} />
<Caption>2 guests</Caption>
</div>
</div>
</footer>
</article>