feat: add ui to empty state overview component

This commit is contained in:
Fredrik Thorsson
2024-06-27 11:32:22 +02:00
parent c435873937
commit 306f6cd9ab
4 changed files with 32 additions and 10 deletions

View File

@@ -19,6 +19,8 @@ export default function StayCard({ stay, lang }: StayCardProps) {
const departDate = depart.format("DD MMM YYYY")
const departDateTime = depart.format("YYYY-MM-DD")
const guestAmount = 3
return (
<article className={styles.stay}>
<Image
@@ -45,7 +47,7 @@ export default function StayCard({ stay, lang }: StayCardProps) {
</div>
<div className={styles.guest}>
<PersonIcon color="burgundy" className={styles.icon} />
<Caption>2 guests</Caption>
<Caption>{`${guestAmount} ${guestAmount > 1 ? "Guests" : "Guest"}`}</Caption>
</div>
</div>
</footer>