Merged in fix/SW-2739-map-reward-night-not-enough-points (pull request #2435)

fix(SW-2739): remove tooltip and add correct CTA on map for reward nights

* fix(SW-2739): remove tooltip and add correct CTA on map for reward nights

* fix(SW-2739): fix pr comment


Approved-by: Arvid Norlin

apps/scandic-web/components/HotelReservation/HotelCardDialog/ListingHotelCardDialog/index.tsx

@@ -54,11 +54,15 @@ export default function ListingHotelCardDialog({
     redemptionPrice,
     chequePrice,
     voucherPrice,
+    hasEnoughPoints,
   } = data
-
   const firstImage = images[0]?.imageSizes?.small
   const altText = images[0]?.metaData?.altText
 
+  const notEnoughPointsLabel = intl.formatMessage({
+    defaultMessage: "Not enough points",
+  })
+
   return (
     <div className={styles.container}>
       <IconButton
@@ -212,17 +216,30 @@ export default function ListingHotelCardDialog({
                 )}
               </div>
             </div>
-            <Button asChild theme="base" size="small" className={styles.button}>
-              <Link
-                href={`${selectRate(lang)}?hotel=${operaId}`}
-                color="none"
-                keepSearchParams
+            {hasEnoughPoints ? (
+              <Button
+                asChild
+                theme="base"
+                size="small"
+                className={styles.button}
               >
-                {intl.formatMessage({
-                  defaultMessage: "See rooms",
-                })}
-              </Link>
-            </Button>
+                <Link
+                  href={`${selectRate(lang)}?hotel=${operaId}`}
+                  color="none"
+                  keepSearchParams
+                >
+                  {intl.formatMessage({
+                    defaultMessage: "See rooms",
+                  })}
+                </Link>
+              </Button>
+            ) : (
+              <div className={styles.notEnoughPointsButton}>
+                <Typography variant="Body/Paragraph/mdBold">
+                  <span>{notEnoughPointsLabel}</span>
+                </Typography>
+              </div>
+            )}
           </div>
         ) : (
           <NoPriceAvailableCard />