Merged in fix/SW-2553-sidepeeks (pull request #1919)

Fix/SW-2553 sidepeeks

* fix(SW-2553): apply sidepeek display logic

* chore: move convertToChildType and getPriceType utils

* fix: apply PR requested changes

* fix(SW-2553): fix roomNumber for multiroom

* fix(SW-2553): fix sidepeek for my-stay page


Approved-by: Michael Zetterberg
Approved-by: Bianca Widstam
Approved-by: Matilda Landström

apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Details/ToggleSidePeek.tsx

@@ -13,8 +13,6 @@ import type { ToggleSidePeekProps } from "@/types/components/hotelReservation/to
 export default function ToggleSidePeek({
   hotelId,
   roomTypeCode,
-  intent = "textInverted",
-  title,
 }: ToggleSidePeekProps) {
   const intl = useIntl()
   const openSidePeek = useSidePeekStore((state) => state.openSidePeek)
@@ -22,19 +20,19 @@ export default function ToggleSidePeek({
   return (
     <Button
       onClick={() =>
-        openSidePeek({ key: SidePeekEnum.roomDetails, hotelId, roomTypeCode })
+        openSidePeek({
+          key: SidePeekEnum.roomDetails,
+          hotelId,
+          roomTypeCode,
+        })
       }
-      theme="base"
+      intent="text"
       size="small"
+      theme="base"
       variant="icon"
-      intent={intent}
       wrapping
     >
-      {title
-        ? title
-        : intl.formatMessage({
-            defaultMessage: "See room details",
-          })}
+      {intl.formatMessage({ defaultMessage: "Room details" })}
       <MaterialIcon icon="chevron_right" size={14} />
     </Button>
   )

apps/scandic-web/components/HotelReservation/SelectRate/RoomsContainer/Rooms/RoomsList/RoomListItem/Details/index.tsx

@@ -51,14 +51,7 @@ export default function Details({ roomTypeCode }: { roomTypeCode: string }) {
         <RoomSize roomSize={roomSize} />
         <div className={styles.toggleSidePeek}>
           {roomTypeCode && (
-            <ToggleSidePeek
-              hotelId={hotelId}
-              roomTypeCode={roomTypeCode}
-              title={intl.formatMessage({
-                defaultMessage: "Room details",
-              })}
-              intent="text"
-            />
+            <ToggleSidePeek hotelId={hotelId} roomTypeCode={roomTypeCode} />
           )}
         </div>
       </div>