feat(SW-340): Added scroll to top button

components/HotelReservation/HotelCard/hotelCard.module.css

@@ -12,6 +12,10 @@
   width: 100%;
 }
 
+.card.active {
+  border: 1px solid var(--Base-Border-Hover);
+}
+
 .imageContainer {
   grid-area: image;
   position: relative;

components/HotelReservation/HotelCard/index.tsx

@@ -17,12 +17,13 @@ import { hotelCardVariants } from "./variants"
 
 import styles from "./hotelCard.module.css"
 
-import { HotelCardListingType } from "@/types/components/hotelReservation/selectHotel/hotelCardListingProps"
+import { HotelCardListingTypeEnum } from "@/types/components/hotelReservation/selectHotel/hotelCardListingProps"
 import type { HotelCardProps } from "@/types/components/hotelReservation/selectHotel/hotelCardProps"
 
 export default function HotelCard({
   hotel,
-  type = HotelCardListingType.PageListing,
+  type = HotelCardListingTypeEnum.PageListing,
+  state = "default",
 }: HotelCardProps) {
   const intl = useIntl()
 
@@ -33,6 +34,7 @@ export default function HotelCard({
 
   const classNames = hotelCardVariants({
     type,
+    state,
   })
 
   return (

components/HotelReservation/HotelCard/variants.ts

@@ -8,8 +8,13 @@ export const hotelCardVariants = cva(styles.card, {
       pageListing: styles.pageListing,
       mapListing: styles.mapListing,
     },
+    state: {
+      active: styles.active,
+      default: styles.default,
+    },
   },
   defaultVariants: {
     type: "pageListing",
+    state: "default",
   },
 })