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

Merged in fix/BOOK-700-skeleton-misaligned-select-hotel (pull request #3391)

Browse Source 
fix(BOOK-700): skeleton styling disoriented on select hotel

* fix(BOOK-700): skeleton styling disoriented on select hotel


Approved-by: Joakim Jäderberg
Approved-by: Linus Flood
This commit is contained in:
Bianca Widstam
2026-01-07 11:20:51 +00:00
parent 5848f486f3
commit 932413412b
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
packages/booking-flow/lib/components/SelectHotel/SelectHotelSkeleton.tsx
View File

@@ -23,19 +23,21 @@ export function SelectHotelSkeleton({ count = 4 }: Props) {
</div>
</header>
<main className={styles.main}>
<div className={styles.sideBar}>
<div className={styles.sideBarItem}>
<SkeletonShimmer height="280px" width="340px" />
<div className={styles.availabilityContainer}>
<div className={styles.sideBar}>
<div className={styles.sideBarItem}>
<SkeletonShimmer height="280px" width="340px" />
</div>
<div className={styles.sideBarItem}>
<SkeletonShimmer height="400px" width="340px" />
</div>
</div>
<div className={styles.sideBarItem}>
<SkeletonShimmer height="400px" width="340px" />
<div className={styles.hotelList}>
{Array.from({ length: count }).map((_, index) => (
<HotelCardSkeleton key={index} />
))}
</div>
</div>
<div className={styles.hotelList}>
{Array.from({ length: count }).map((_, index) => (
<HotelCardSkeleton key={index} />
))}
</div>
</main>
</div>
)