feat(SW-2532): update room sidepeek amenities
This commit is contained in:
committed by
Michael Zetterberg
parent
0cd2e9c89f
commit
f0dbf294d8
@@ -19,7 +19,8 @@ export default function RoomDetails({
|
||||
}: RoomDetailsProps) {
|
||||
const intl = useIntl()
|
||||
|
||||
const sortedFacilities = roomFacilities
|
||||
const filteredSortedFacilities = roomFacilities
|
||||
.filter((facility) => !!facility.isUniqueSellingPoint)
|
||||
.sort((a, b) => a.sortOrder - b.sortOrder)
|
||||
.map((facility) => {
|
||||
const Icon = <FacilityIcon name={facility.icon} color="Icon/Default" />
|
||||
@@ -45,14 +46,28 @@ export default function RoomDetails({
|
||||
</p>
|
||||
</Typography>
|
||||
<ul className={styles.facilityList}>
|
||||
{sortedFacilities.map(({ name, Icon }) => (
|
||||
<li key={name}>
|
||||
{Icon && Icon}
|
||||
<Typography variant="Body/Paragraph/mdRegular">
|
||||
<span className={styles.listText}>{name}</span>
|
||||
</Typography>
|
||||
</li>
|
||||
))}
|
||||
{filteredSortedFacilities.map(
|
||||
({ name, Icon, availableInAllRooms }) => (
|
||||
<li key={name}>
|
||||
{Icon}
|
||||
<Typography variant="Body/Paragraph/mdRegular">
|
||||
<span className={styles.listText}>
|
||||
{availableInAllRooms
|
||||
? name
|
||||
: intl.formatMessage(
|
||||
{
|
||||
defaultMessage:
|
||||
"{facility} (available in some rooms)",
|
||||
},
|
||||
{
|
||||
facility: name,
|
||||
}
|
||||
)}
|
||||
</span>
|
||||
</Typography>
|
||||
</li>
|
||||
)
|
||||
)}
|
||||
</ul>
|
||||
</div>
|
||||
<div className={styles.listContainer}>
|
||||
|
||||
Reference in New Issue
Block a user