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/StandaloneHotelCardDialog/index.tsx

@@ -5,6 +5,7 @@ import { useIntl } from "react-intl"
 
 import { IconButton } from "@scandic-hotels/design-system/IconButton"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { selectRate } from "@/constants/routes/hotelReservation"
 
@@ -53,10 +54,14 @@ export default function StandaloneHotelCardDialog({
     images,
     ratings,
     operaId,
+    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}>
@@ -224,33 +229,41 @@ export default function StandaloneHotelCardDialog({
                   <HotelPointsRow pointsPerStay={redemptionPrice} />
                 )}
               </div>
-              <Button
-                asChild
-                theme="base"
-                size="small"
-                className={styles.button}
-                onClick={() =>
-                  trackEvent({
-                    event: "hotelClickMap",
-                    map: {
-                      action: "hotel click - map",
-                    },
-                    hotelInfo: {
-                      hotelId: operaId,
-                    },
-                  })
-                }
-              >
-                <Link
-                  href={`${selectRate(lang)}?hotel=${operaId}`}
-                  color="none"
-                  keepSearchParams
+              {hasEnoughPoints ? (
+                <Button
+                  asChild
+                  theme="base"
+                  size="small"
+                  className={styles.button}
+                  onClick={() =>
+                    trackEvent({
+                      event: "hotelClickMap",
+                      map: {
+                        action: "hotel click - map",
+                      },
+                      hotelInfo: {
+                        hotelId: operaId,
+                      },
+                    })
+                  }
                 >
-                  {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>
+              )}
             </>
           ) : (
             <NoPriceAvailableCard />