From 2522cd775220437d08d0916cbf2238fabc9db0a3 Mon Sep 17 00:00:00 2001 From: Linus Flood Date: Mon, 10 Feb 2025 12:49:27 +0000 Subject: [PATCH] Merged in feat/hotelinfocard-skeleton (pull request #1291) feat: added skeleton to hotelinfo card * feat: added skeleton to hotelinfo card Approved-by: Simon.Emanuelsson --- .../(standard)/select-rate/page.tsx | 25 ++++++---- .../SelectRate/HotelInfoCard/index.tsx | 46 +++++++++++++++++++ 2 files changed, 62 insertions(+), 9 deletions(-) diff --git a/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-rate/page.tsx b/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-rate/page.tsx index 90a96095b..04e79d30c 100644 --- a/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-rate/page.tsx +++ b/app/[lang]/(live)/(public)/hotelreservation/(standard)/select-rate/page.tsx @@ -4,7 +4,9 @@ import { Suspense } from "react" import { getHotel } from "@/lib/trpc/memoizedRequests" -import HotelInfoCard from "@/components/HotelReservation/SelectRate/HotelInfoCard" +import HotelInfoCard, { + HotelInfoCardSkeleton, +} from "@/components/HotelReservation/SelectRate/HotelInfoCard" import { RoomsContainer } from "@/components/HotelReservation/SelectRate/Rooms/RoomsContainer" import { RoomsContainerSkeleton } from "@/components/HotelReservation/SelectRate/Rooms/RoomsContainerSkeleton" import TrackingSDK from "@/components/TrackingSDK" @@ -81,14 +83,19 @@ export default async function SelectRatePage({ return ( <> - + } + > + + ) } + +export function HotelInfoCardSkeleton() { + return ( +
+
+
+ +
+
+
+ +
+ + + + + + + + +
+
+ +
+
+ + + + {[1, 2, 3, 4, 5]?.map((id) => { + return ( +
+ +
+ ) + })} +
+
+ +
+
+
+
+
+ ) +}