Added See on map button

app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/page.module.css

@@ -19,7 +19,20 @@
   padding: var(--Spacing-x2) var(--Spacing-x0);
 }
 
+.mapContainer {
+  display: none;
+}
+
+.buttonContainer {
+  display: flex;
+  gap: var(--Spacing-x2);
+  margin-bottom: var(--Spacing-x3);
+}
+
 @media (min-width: 768px) {
+  .mapContainer {
+    display: block;
+  }
   .main {
     flex-direction: row;
   }

app/[lang]/(live)/(public)/hotelreservation/(standard)/select-hotel/page.tsx

@@ -13,8 +13,9 @@ import {
   generateChildrenString,
   getHotelReservationQueryParams,
 } from "@/components/HotelReservation/SelectRate/RoomSelection/utils"
-import { ChevronRightIcon } from "@/components/Icons"
+import { ChevronRightIcon, MapIcon } from "@/components/Icons"
 import StaticMap from "@/components/Maps/StaticMap"
+import Button from "@/components/TempDesignSystem/Button"
 import Link from "@/components/TempDesignSystem/Link"
 import { getIntl } from "@/i18n"
 import { setLang } from "@/i18n/serverContext"
@@ -62,6 +63,7 @@ export default async function SelectHotelPage({
   return (
     <main className={styles.main}>
       <section className={styles.section}>
+        <div className={styles.mapContainer}>
           <Link href={selectHotelMap[params.lang]} keepSearchParams>
             <StaticMap
               city={searchParams.city}
@@ -81,6 +83,19 @@ export default async function SelectHotelPage({
             {intl.formatMessage({ id: "Show map" })}
             <ChevronRightIcon color="burgundy" />
           </Link>
+        </div>
+        <div className={styles.buttonContainer}>
+          <Button asChild variant="icon" intent="secondary" size="small">
+            <Link
+              prefetch={false}
+              color="none"
+              href={selectHotelMap[params.lang]}
+            >
+              <MapIcon color="burgundy" />
+              {intl.formatMessage({ id: "See on map" })}
+            </Link>
+          </Button>
+        </div>
         <HotelFilter filters={filterList} />
       </section>
       <HotelCardListing hotelData={hotels} />