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

Merged in feat/SW-1737-design-mystay-multiroom (pull request #1565)

Browse Source 
Feat/SW-1737 design mystay multiroom

* feat(SW-1737) Fixed member view of guest details

* feat(SW-1737) fix merge issues

* feat(SW-1737) Fixed price details

* feat(SW-1737) removed unused imports

* feat(SW-1737) removed true as statement

* feat(SW-1737) updated store handling

* feat(SW-1737) fixed bug showing double numbers

* feat(SW-1737) small design fixed

* feat(SW-1737) fixed rebase errors

* feat(SW-1737) fixed create booking error with dates

* feat(SW-1737) fixed view multiroom as singleroom

* feat(SW-1737) fixes for multiroom

* feat(SW-1737) fixed bookingsummary

* feat(SW-1737) dont hide modify dates

* feat(SW-1737) updated breakfast to handle number

* feat(SW-1737) Added red color if member rate

* feat(SW-1737) fix PR comments

* feat(SW-1737) updated member tiers svg

* feat(SW-1737) updated how to handle paymentMethodDescription

* feat(SW-1737) fixes after testing mystay

* feat(SW-1737) updated Room type to just use whats used

* feat(SW-1737) fixed access

* feat(SW-1737) refactor my stay after PR comments

* feat(SW-1737) fix roomNumber translation

* feat(SW-1737) removed log


Approved-by: Arvid Norlin
This commit is contained in:
Pontus Dreij
2025-03-24 09:30:10 +00:00
parent c5e294c7ea
commit 74c5b47319
117 changed files with 5899 additions and 1901 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
apps/scandic-web/components/HotelReservation/MyStay/MultiRoom/MultiRoomSkeleton.tsx Normal file
View File

@@ -0,0 +1,45 @@
import SkeletonShimmer from "@/components/SkeletonShimmer"
import Divider from "@/components/TempDesignSystem/Divider"
import styles from "./multiRoom.module.css"
export default function MultiRoomSkeleton() {
return (
<div className={styles.multiRoom}>
<div className={styles.roomName}>
<SkeletonShimmer width="50%" height="30px" />
</div>
<div className={styles.roomHeader}>
<SkeletonShimmer width="100%" height="23px" />
</div>
<div className={styles.multiRoomCard}>
<div className={styles.imageContainer}>
<SkeletonShimmer width="100%" height="100%" />
</div>
<div className={styles.details}>
<div className={styles.row}>
<SkeletonShimmer width="60px" height="23px" />
<SkeletonShimmer width="110px" height="23px" />
</div>
<div className={styles.row}>
<SkeletonShimmer width="55px" height="23px" />
<SkeletonShimmer width="130px" height="23px" />
</div>
<div className={styles.row}>
<SkeletonShimmer width="75px" height="23px" />
<SkeletonShimmer width="155px" height="23px" />
</div>
<div className={styles.row}>
<SkeletonShimmer width="75px" height="23px" />
<SkeletonShimmer width="65px" height="23px" />
</div>
<Divider color="subtle" />
<div className={styles.row}>
<SkeletonShimmer width="150px" height="30px" />
<SkeletonShimmer width="150px" height="30px" />
</div>
</div>
</div>
</div>
)
}