8e1a83ee7d
updated enter details header overlay to match design updated change room button to use new one for accessibility other minor fixes to match design
39 lines
1.0 KiB
TypeScript
39 lines
1.0 KiB
TypeScript
"use client"
|
|
|
|
import { useIntl } from "react-intl"
|
|
|
|
import { Button } from "@scandic-hotels/design-system/Button"
|
|
import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
|
|
|
|
import useSidePeekStore from "@/stores/sidepeek"
|
|
|
|
import { SidePeekEnum } from "@/types/components/hotelReservation/sidePeek"
|
|
import type { ToggleSidePeekProps } from "@/types/components/hotelReservation/toggleSidePeekProps"
|
|
|
|
export default function ToggleSidePeek({
|
|
hotelId,
|
|
roomTypeCode,
|
|
title,
|
|
}: ToggleSidePeekProps) {
|
|
const intl = useIntl()
|
|
const openSidePeek = useSidePeekStore((state) => state.openSidePeek)
|
|
|
|
return (
|
|
<Button
|
|
onPress={() =>
|
|
openSidePeek({ key: SidePeekEnum.roomDetails, hotelId, roomTypeCode })
|
|
}
|
|
size="Small"
|
|
variant="Text"
|
|
wrapping
|
|
typography="Body/Paragraph/mdBold"
|
|
>
|
|
{title ||
|
|
intl.formatMessage({
|
|
defaultMessage: "See room details",
|
|
})}
|
|
<MaterialIcon icon="chevron_right" size={20} color="CurrentColor" />
|
|
</Button>
|
|
)
|
|
}
|