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

Merged in feat/SW-1276-implement-design (pull request #1348)

Browse Source 
Feat/SW-1276 implement design

* feat(SW-1276) UI implementation Desktop part 1 for MyStay

* feat(SW-1276) UI implementation Desktop part 2 for MyStay

* feat(SW-1276) UI implementation Mobile part 1 for MyStay

* refactor: move files from MyStay/MyStay to MyStay

* feat(SW-1276) Sidepeek implementation

* feat(SW-1276): Refactoring

* feat(SW-1276) UI implementation Mobile part 2 for MyStay

* feat(SW-1276): translations

* feat(SW-1276) fixed skeleton

* feat(SW-1276): Added missing translations

* feat(SW-1276): Removed console log

* feat(SW-1276) fixed translations

* feat(SW-1276): Added translations

* feat(SW-1276) fix dynamic ID:s

* feat(SW-1276) removed createElement

* feat(SW-1276): Fixed build errors

* feat(SW-1276): Updated label

* feat(SW-1276): Rewrite SummaryCard


Approved-by: Niclas Edenvin
This commit is contained in:
Pontus Dreij
2025-02-18 14:20:54 +00:00
parent 90fee1b0c4
commit 8616e4ab76
56 changed files with 4163 additions and 227 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
components/HotelReservation/MyStay/myStaySkeleton.tsx Normal file
View File

@@ -0,0 +1,34 @@
import SkeletonShimmer from "@/components/SkeletonShimmer"
import styles from "./myStay.module.css"
export async function MyStaySkeleton() {
return (
<div className={styles.content}>
<div className={styles.headerSkeleton}>
<SkeletonShimmer width={"100px"} height="20px" />
<SkeletonShimmer width={"450px"} height="50px" />
<SkeletonShimmer width={"200px"} height="30px" />
</div>
<div className={styles.cardSkeleton}>
<SkeletonShimmer width="590px" height="380px" />
</div>
<div className={styles.section}>
<SkeletonShimmer width={"200px"} height="30px" />
<div className={styles.ancillariesSkeleton}>
<SkeletonShimmer width="280px" height="200px" />
<SkeletonShimmer width="280px" height="200px" />
<SkeletonShimmer width="280px" height="200px" />
<SkeletonShimmer width="280px" height="200px" />
<SkeletonShimmer width="280px" height="200px" />
</div>
</div>
<div className={styles.section}>
<SkeletonShimmer width={"200px"} height="30px" />
<div className={styles.roomSkeleton}>
<SkeletonShimmer width="100%" height="700px" />
</div>
</div>
</div>
)
}