Merged in feat/SW-3289-replace-sidepeek-hotel-reservation (pull request #2686)

feat(SW-3289): replace sidepeek

* fix(SW-3289): replace sidepeek

* fix(SW-3289): add wrapping prop and change prop name to buttonVariant

* fix(SW-3289): replace body with typography

* fix(SW-3289): fix intl message


Approved-by: Joakim Jäderberg

apps/scandic-web/components/HotelReservation/MyStay/Rooms/MultiRoom/RoomDetailsSidePeek.tsx

@@ -4,9 +4,11 @@ import { Button as ButtonRAC, DialogTrigger } from "react-aria-components"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 
 import BookedRoomSidePeek from "@/components/SidePeeks/BookedRoomSidePeek"
+import { trackOpenSidePeekEvent } from "@/utils/tracking"
 
 import styles from "./sidePeek.module.css"
 
+import { SidePeekEnum } from "@/types/sidepeek"
 import type { Room as MyStayRoom } from "@/types/stores/my-stay"
 import type { SafeUser } from "@/types/user"
 
@@ -21,7 +23,16 @@ export default function RoomDetailsSidePeek({
 }: RoomDetailsSidePeekProps) {
   return (
     <DialogTrigger>
-      <ButtonRAC className={styles.trigger}>
+      <ButtonRAC
+        className={styles.trigger}
+        onPress={() => {
+          trackOpenSidePeekEvent({
+            name: SidePeekEnum.bookedRoomDetails,
+            hotelId: booking.hotelId,
+            includePathname: true,
+          })
+        }}
+      >
         <MaterialIcon icon="pan_zoom" color="CurrentColor" />
       </ButtonRAC>
       <BookedRoomSidePeek hotelRoom={booking.room} room={booking} user={user} />