Merged in fix/SW-948-map-no-availability (pull request #961)

Fix/SW-948 map no availability * fix(SW-948): add no availability message on hotel map * fix(SW-948): add placeholder image for map Approved-by: Niclas Edenvin
2024-11-22 11:13:30 +00:00
parent 04fd4b163f
commit c345600d78
8 changed files with 107 additions and 48 deletions
--- a/components/HotelReservation/HotelCard/HotelPriceList/NoPriceAvailableCard/index.tsx
+++ b/components/HotelReservation/HotelCard/HotelPriceList/NoPriceAvailableCard/index.tsx
@@ -0,0 +1,24 @@
+import { useIntl } from "react-intl"
+
+import { ErrorCircleIcon } from "@/components/Icons"
+import Body from "@/components/TempDesignSystem/Text/Body"
+
+import styles from "../hotelPriceList.module.css"
+
+export default function NoPriceAvailableCard() {
+  const intl = useIntl()
+  return (
+    <div className={styles.priceCard}>
+      <div className={styles.noRooms}>
+        <div>
+          <ErrorCircleIcon color="red" />
+        </div>
+        <Body>
+          {intl.formatMessage({
+            id: "There are no rooms available that match your request.",
+          })}
+        </Body>
+      </div>
+    </div>
+  )
+}