001000a56d
fix: fix logic for identifying single use ancillaries * fix: fix logic for identifying single use ancillaries * fix: filter out empty categories of ancillaries Approved-by: Erik Tiekstra
45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
"use client"
|
|
|
|
import { useState } from "react"
|
|
import { useIntl } from "react-intl"
|
|
|
|
import { Button } from "@scandic-hotels/design-system/Button"
|
|
import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
|
|
import Modal from "@scandic-hotels/design-system/Modal"
|
|
|
|
import SelectAncillaryStep from "./SelectAncillaryStep"
|
|
|
|
import styles from "./allAncillariesModal.module.css"
|
|
|
|
export default function AllAncillariesModal() {
|
|
const [isOpen, setIsOpen] = useState(false)
|
|
|
|
const intl = useIntl()
|
|
|
|
const modalTitle = intl.formatMessage({
|
|
id: "ancillaries.upgradeYourStay",
|
|
defaultMessage: "Upgrade your stay",
|
|
})
|
|
return (
|
|
<div>
|
|
<Button
|
|
variant="Text"
|
|
size="Small"
|
|
color="Primary"
|
|
onPress={() => setIsOpen(true)}
|
|
>
|
|
{intl.formatMessage({
|
|
id: "common.seeAll",
|
|
defaultMessage: "See all",
|
|
})}
|
|
<MaterialIcon icon="chevron_right" size={20} color="CurrentColor" />
|
|
</Button>
|
|
<Modal isOpen={isOpen} onToggle={setIsOpen} title={modalTitle}>
|
|
<div className={styles.modalWrapper}>
|
|
<SelectAncillaryStep onClose={() => setIsOpen(false)} />
|
|
</div>
|
|
</Modal>
|
|
</div>
|
|
)
|
|
}
|