feat(SW-630) Added alerts to hotel cards

components/HotelReservation/HotelCard/hotelCard.module.css

@@ -85,6 +85,12 @@
   min-width: 160px;
 }
 
+.specialAlerts {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Spacing-x1);
+}
+
 @media screen and (min-width: 1367px) {
   .card.pageListing {
     flex-direction: row;

components/HotelReservation/HotelCard/index.tsx

@@ -39,8 +39,6 @@ export default function HotelCard({
   const { hotelData } = hotel
   const { price } = hotel
 
-  console.log(hotelData)
-
   const amenities = hotelData.detailedFacilities.slice(0, 5)
 
   const classNames = hotelCardVariants({
@@ -138,11 +136,7 @@ export default function HotelCard({
           {hotelData.specialAlerts.length > 0 && (
             <div className={styles.specialAlerts}>
               {hotelData.specialAlerts.map((alert) => (
-                <Alert
-                  key={alert.id}
-                  type={alert.type}
-                  heading={alert.heading}
-                />
+                <Alert key={alert.id} type={alert.type} text={alert.text} />
               ))}
             </div>
           )}