scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/reward-night-booking-widget (pull request #1752)

Browse Source 
fix: bookingwidget - use new reward night booking always

* fix: bookingwidget - use new reward night booking always


Approved-by: Joakim Jäderberg
This commit is contained in:
Linus Flood
2025-04-08 05:58:45 +00:00
parent 0cec02801c
commit d282437a3d
1 changed files with 3 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
apps/scandic-web/components/Forms/BookingWidget/FormContent/Voucher/index.tsx
View File

@@ -2,12 +2,8 @@
import { FormProvider, useForm } from "react-hook-form" import { FormProvider, useForm } from "react-hook-form"
import { useIntl } from "react-intl" import { useIntl } from "react-intl"
import { env } from "@/env/client"
import SkeletonShimmer from "@/components/SkeletonShimmer" import SkeletonShimmer from "@/components/SkeletonShimmer"
import Checkbox from "@/components/TempDesignSystem/Form/Checkbox"
import Caption from "@/components/TempDesignSystem/Text/Caption" import Caption from "@/components/TempDesignSystem/Text/Caption"
import { Tooltip } from "@/components/TempDesignSystem/Tooltip"
import BookingCode from "../BookingCode" import BookingCode from "../BookingCode"
import RewardNight from "../RewardNight" import RewardNight from "../RewardNight"
@@ -15,61 +11,13 @@ import RewardNight from "../RewardNight"
import styles from "./voucher.module.css" import styles from "./voucher.module.css"
export default function Voucher() { export default function Voucher() {
const intl = useIntl()
const bonus = intl.formatMessage({ id: "Use Bonus Cheque" })
const reward = intl.formatMessage({ id: "Book Reward Night" })
// ToDo: Remove this when all three options are enabled
const disabledBookingOptionsHeader = intl.formatMessage({
id: "We're sorry",
})
const disabledBookingOptionsText = intl.formatMessage({
id: "Codes, cheques and reward nights aren't available on the new website yet.",
})
return ( return (
<div className={styles.optionsContainer}> <div className={styles.optionsContainer}>
<BookingCode /> <BookingCode />
<div className={styles.options}> <div className={styles.options}>
{env.NEXT_PUBLIC_HIDE_FOR_NEXT_RELEASE ? ( <div className={styles.option}>
<> <RewardNight />
<div className={styles.option}> </div>
<Tooltip
heading={disabledBookingOptionsHeader}
text={disabledBookingOptionsText}
position="bottom"
arrow="left"
>
<Checkbox name="useBonus" registerOptions={{ disabled: true }}>
<Caption color="disabled" asChild>
<span>{bonus}</span>
</Caption>
</Checkbox>
{/* <InfoCircleIcon color="white" className={styles.infoIcon} /> Out of scope for this release */}
</Tooltip>
</div>
<div className={styles.option}>
<Tooltip
heading={disabledBookingOptionsHeader}
text={disabledBookingOptionsText}
position="bottom"
arrow="left"
>
<Checkbox name="useReward" registerOptions={{ disabled: true }}>
<Caption color="disabled" asChild>
<span>{reward}</span>
</Caption>
</Checkbox>
{/* <InfoCircleIcon color="white" className={styles.infoIcon} /> Out of scope for this release */}
</Tooltip>
</div>
</>
) : (
<div className={styles.option}>
<RewardNight />
</div>
)}
</div> </div>
</div> </div>
) )