feat(SW-344): UI-fixes on hotel card dialog

2024-11-12 15:11:31 +01:00
parent 87b999676b
commit 79e3aca089
4 changed files with 21 additions and 6 deletions
--- a/components/HotelReservation/HotelCardDialog/index.tsx
+++ b/components/HotelReservation/HotelCardDialog/index.tsx
@@ -52,20 +52,24 @@ export default function HotelCardDialog({
        <div className={styles.imageContainer}>
          <Image src={firstImage} alt={altText} fill />
          <div className={styles.tripAdvisor}>
-            <Chip intent="primary" className={styles.tripAdvisor}>
-              <TripAdvisorIcon color="white" />
+            <Chip intent="secondary" className={styles.tripAdvisor}>
+              <TripAdvisorIcon color="burgundy" />
              {ratings}
            </Chip>
          </div>
        </div>
        <div className={styles.content}>
-          <Body textTransform="bold">{name}</Body>
+          <div className={styles.name}>
+            <Body textTransform="bold">{name}</Body>
+          </div>
          <div className={styles.facilities}>
            {amenities.map((facility) => {
              const IconComponent = mapFacilityToIcon(facility.id)
              return (
                <div className={styles.facilitiesItem} key={facility.id}>
-                  {IconComponent && <IconComponent color="grey80" />}
+                  {IconComponent && (
+                    <IconComponent width={16} height={16} color="grey80" />
+                  )}
                  <Caption color="uiTextMediumContrast">
                    {facility.name}
                  </Caption>