feat(SW-340): Hover actions

2024-11-08 12:23:39 +01:00
parent 5f46844b9b
commit 39edd1d422
7 changed files with 34 additions and 11 deletions
--- a/components/HotelReservation/HotelCard/index.tsx
+++ b/components/HotelReservation/HotelCard/index.tsx
@@ -24,6 +24,7 @@ export default function HotelCard({
  hotel,
  type = HotelCardListingTypeEnum.PageListing,
  state = "default",
+  onHotelCardHover,
 }: HotelCardProps) {
  const intl = useIntl()

@@ -37,8 +38,25 @@ export default function HotelCard({
    state,
  })

+  const handleMouseEnter = () => {
+    console.log("handleMouseEnter", hotelData.name)
+    if (onHotelCardHover) {
+      console.log("onHotelCardHover", hotelData.name)
+      onHotelCardHover(hotelData.name)
+    }
+  }
+  const handleMouseLeave = () => {
+    if (onHotelCardHover) {
+      onHotelCardHover(null)
+    }
+  }
+
  return (
-    <article className={classNames}>
+    <article
+      className={classNames}
+      onMouseEnter={handleMouseEnter}
+      onMouseLeave={handleMouseLeave}
+    >
      <section className={styles.imageContainer}>
        {hotelData.gallery && (
          <ImageGallery