feat: SW-1583 Enabled reward night in booking widget

apps/scandic-web/components/GuestsRoomsPicker/Form.tsx

@@ -37,9 +37,8 @@ export default function GuestsRoomsPickerDialog({
   const roomsValue = useWatch<BookingWidgetSchema, "rooms">({ name: "rooms" })
   const addRoomLabel = intl.formatMessage({ id: "Add room" })
   const doneLabel = intl.formatMessage({ id: "Done" })
-
-  // Disable add room if booking code is voucher or reward night is enebaled
-  const addRoomDisabledText = getValues("redemption")
+  // Disable add room if booking code is either voucher or corporate cheque, or reward night is enabled
+  const addRoomDisabledTextForSpecialRate = getValues("redemption")
     ? intl.formatMessage({
         id: "Multi-room booking is not available with reward night.",
       })
@@ -102,39 +101,52 @@ export default function GuestsRoomsPickerDialog({
             />
           ))}
 
-          {canAddRooms && (
+          {addRoomDisabledTextForSpecialRate ? (
             <div className={styles.addRoomMobileContainer}>
-              <Button
-                intent="text"
-                variant="icon"
-                wrapping
-                theme="base"
-                fullWidth
-                onPress={handleAddRoom}
-                disabled={addRoomDisabledText ? true : false}
+              <Tooltip
+                text={addRoomDisabledTextForSpecialRate}
+                position="bottom"
+                arrow="left"
               >
-                <PlusIcon />
-                {addRoomLabel}
-              </Button>
-              {addRoomDisabledText ? (
-                <Caption
-                  color="blue"
-                  className={styles.addRoomMobileDisabledText}
+                <Button
+                  intent="text"
+                  variant="icon"
+                  wrapping
+                  theme="base"
+                  fullWidth
+                  onPress={handleAddRoom}
+                  disabled
                 >
-                  <ErrorCircleIcon color="blue" width={20} />
-                  {addRoomDisabledText}
-                </Caption>
-              ) : null}
+                  <PlusIcon />
+                  {addRoomLabel}
+                </Button>
+              </Tooltip>
             </div>
+          ) : (
+            canAddRooms && (
+              <div className={styles.addRoomMobileContainer}>
+                <Button
+                  intent="text"
+                  variant="icon"
+                  wrapping
+                  theme="base"
+                  fullWidth
+                  onPress={handleAddRoom}
+                >
+                  <PlusIcon />
+                  {addRoomLabel}
+                </Button>
+              </div>
+            )
           )}
         </div>
       </section>
       <footer className={styles.footer}>
-        {addRoomDisabledText ? (
+        {addRoomDisabledTextForSpecialRate ? (
           <div className={styles.hideOnMobile}>
             <Tooltip
-              text={addRoomDisabledText}
-              position={"bottom"}
+              text={addRoomDisabledTextForSpecialRate}
+              position="bottom"
               arrow="left"
             >
               <Button
@@ -143,6 +155,7 @@ export default function GuestsRoomsPickerDialog({
                 wrapping
                 theme="base"
                 disabled
+                onPress={handleAddRoom}
               >
                 <PlusCircleIcon />
                 {addRoomLabel}