feat(SW-827): Added bed types and icons

2024-11-14 10:01:59 +01:00
parent 446e1c7e51
commit f3037a1b3d
6 changed files with 123 additions and 8 deletions
--- a/components/SidePeeks/RoomSidePeek/index.tsx
+++ b/components/SidePeeks/RoomSidePeek/index.tsx
@@ -1,11 +1,11 @@
 import { useIntl } from "react-intl"

 import ImageGallery from "@/components/ImageGallery"
-import Button from "@/components/TempDesignSystem/Button"
 import SidePeek from "@/components/TempDesignSystem/SidePeek"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"

+import { getBedIcon } from "./bedIcon"
 import { getFacilityIcon } from "./facilityIcon"

 import styles from "./roomSidePeek.module.css"
@@ -79,15 +79,27 @@ export default function RoomSidePeek({
          <Body color="grey">
            {intl.formatMessage({ id: "booking.basedOnAvailability" })}
          </Body>
-          {/* TODO: Get data for bed options */}
+          <ul className={styles.bedOptions}>
+            {room.roomTypes.map((roomType) => {
+              const BedIcon = getBedIcon(roomType.mainBed.type)
+              return (
+                <li key={roomType.code}>
+                  {BedIcon && (
+                    <BedIcon
+                      color="uiTextMediumContrast"
+                      width={24}
+                      height={24}
+                    />
+                  )}
+                  <Body color="uiTextMediumContrast" asChild>
+                    <span>{roomType.mainBed.description}</span>
+                  </Body>
+                </li>
+              )
+            })}
+          </ul>
        </div>
      </div>
-      <div className={styles.buttonContainer}>
-        <Button fullWidth theme="base" intent="primary">
-          {intl.formatMessage({ id: "booking.selectRoom" })}
-          {/* TODO: Implement logic for select room */}
-        </Button>
-      </div>
    </SidePeek>
  )
 }