a2213d0169
feat(SW-3228): Move Image to design-system * Move Image to design-system * Merge branch 'master' into feat/sw-3228-move-image-to-design-system Approved-by: Linus Flood
32 lines
636 B
TypeScript
32 lines
636 B
TypeScript
"use client"
|
|
import Image from "@scandic-hotels/design-system/Image"
|
|
|
|
import { useMyStayStore } from "@/stores/my-stay"
|
|
|
|
import styles from "./img.module.css"
|
|
|
|
export default function Img() {
|
|
const { room, roomName } = useMyStayStore((state) => ({
|
|
room: state.bookedRoom.room,
|
|
roomName: state.bookedRoom.roomName,
|
|
}))
|
|
|
|
if (!room) {
|
|
return null
|
|
}
|
|
|
|
const image = room.images?.[0]
|
|
|
|
return (
|
|
<div className={styles.imageContainer}>
|
|
<Image
|
|
alt={roomName}
|
|
className={styles.image}
|
|
height={960}
|
|
src={image?.imageSizes.small ?? ""}
|
|
width={640}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|