fix(SW-589): Change to data-visible

2024-11-08 17:04:04 +01:00
parent 73fc63b493
commit 3c128f4879
2 changed files with 2 additions and 4 deletions
--- a/components/HotelReservation/SelectRate/RoomSelection/RateSummary/index.tsx
+++ b/components/HotelReservation/SelectRate/RoomSelection/RateSummary/index.tsx
@@ -53,9 +53,7 @@ export default function RateSummary({
  const nights = dt(checkOutDate).diff(dt(checkInDate), "days")

  return (
-    <div
-      className={`${styles.summary} ${isVisible ? styles.summaryVisible : ""}`}
-    >
+    <div className={styles.summary} data-visible={isVisible}>
      <div className={styles.summaryText}>
        <Subtitle color="uiTextHighContrast">{roomType}</Subtitle>
        <Body color="uiTextMediumContrast">{priceName}</Body>
--- a/components/HotelReservation/SelectRate/RoomSelection/RateSummary/rateSummary.module.css
+++ b/components/HotelReservation/SelectRate/RoomSelection/RateSummary/rateSummary.module.css
@@ -13,7 +13,7 @@
  transition: bottom 300ms ease-in-out;
 }

-.summaryVisible {
+.summary[data-visible="true"] {
  bottom: 0;
 }