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

Merged in feat(SW-1722)-mystay-multiroom-view (pull request #1396)

Browse Source 
Feat(SW-1722) mystay multiroom view

* feat(SW-1722) View all rooms on my stay

* feat(sW-1722) Show linked reservation

* feat(SW-1722) merged monorepo

* feat(SW-1722) yarn install

* feat(SW-1722) removed unused data

* feat(SW-1722) Streaming data from the server to the client


Approved-by: Niclas Edenvin
This commit is contained in:
Pontus Dreij
2025-02-27 07:24:56 +00:00
parent 0c498d82ca
commit 31a536b1f7
11 changed files with 364 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
apps/scandic-web/components/HotelReservation/MyStay/LinkedReservation/LinkedReservationSkeleton.tsx Normal file
View File

@@ -0,0 +1,64 @@
import SkeletonShimmer from "@/components/SkeletonShimmer"
import styles from "./linkedReservation.module.css"
export default function LinkedReservationSkeleton() {
return (
<div className={styles.linkedReservation}>
<div className={styles.title}>
<div
className={styles.skeleton}
style={{ width: "100px", height: "24px" }}
>
<SkeletonShimmer width="100px" height="24px" />
</div>
</div>
<div className={styles.details}>
<div
className={styles.skeleton}
style={{ width: "200px", height: "18px" }}
>
<SkeletonShimmer width="200px" height="18px" />
</div>
<div className={styles.guests}>
<div
className={styles.skeleton}
style={{ width: "150px", height: "18px" }}
>
<SkeletonShimmer width="150px" height="18px" />
</div>
</div>
</div>
<div className={styles.dates}>
<div className={styles.date}>
<div
className={styles.skeleton}
style={{ width: "80px", height: "18px" }}
>
<SkeletonShimmer width="80px" height="18px" />
</div>
<div
className={styles.skeleton}
style={{ width: "160px", height: "18px" }}
>
<SkeletonShimmer width="160px" height="18px" />
</div>
</div>
<div className={styles.date}>
<div
className={styles.skeleton}
style={{ width: "80px", height: "18px" }}
>
<SkeletonShimmer width="80px" height="18px" />
</div>
<div
className={styles.skeleton}
style={{ width: "160px", height: "18px" }}
>
<SkeletonShimmer width="160px" height="18px" />
</div>
</div>
</div>
</div>
)
}