feat(SW-472): Add EnterDetails SidePeek

2024-10-14 15:36:42 +02:00
parent 3a3491c534
commit 103dcc7f1e
20 changed files with 194 additions and 123 deletions
@@ -1,4 +0,0 @@
-.buttons {
-  display: flex;
-  gap: var(--Spacing-x3);
-}
@@ -1,58 +0,0 @@
-"use client"
-
-import { useState } from "react"
-import { useIntl } from "react-intl"
-
-import ChevronRightSmallIcon from "@/components/Icons/ChevronRightSmall"
-import Button from "@/components/TempDesignSystem/Button"
-import SidePeek from "@/components/TempDesignSystem/SidePeek"
-
-import styles from "./hotelDetailSidePeek.module.css"
-
-export default function HotelDetailSidePeek() {
-  const intl = useIntl()
-  const [isOpen, setIsOpen] = useState(false)
-
-  function toggleSidePeek() {
-    setIsOpen(!isOpen)
-  }
-
-  return (
-    <>
-      <div className={styles.buttons}>
-        <Button
-          variant="icon"
-          theme="base"
-          intent="text"
-          wrapping
-          onClick={toggleSidePeek}
-        >
-          {intl.formatMessage({
-            id: "See hotel details",
-          })}
-          <ChevronRightSmallIcon aria-hidden="true" color="burgundy" />
-        </Button>
-        <Button
-          variant="icon"
-          theme="base"
-          intent="text"
-          wrapping
-          onClick={toggleSidePeek}
-        >
-          {intl.formatMessage({
-            id: "Show all amenities",
-          })}
-          <ChevronRightSmallIcon aria-hidden="true" color="burgundy" />
-        </Button>
-      </div>
-      <SidePeek
-        contentKey="hotel-detail-side-peek"
-        title="Hotel Details"
-        isOpen={isOpen}
-        handleClose={() => setIsOpen(false)}
-      >
-        <div>TBD</div>
-      </SidePeek>
-    </>
-  )
-}
@@ -6,8 +6,6 @@ import Body from "@/components/TempDesignSystem/Text/Body"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 import Title from "@/components/TempDesignSystem/Text/Title"

-import HotelDetailSidePeek from "./HotelDetailSidePeek"
-
 import styles from "./hotelSelectionHeader.module.css"

 import { HotelSelectionHeaderProps } from "@/types/components/hotelReservation/selectRate/hotelSelectionHeader"
@@ -46,7 +44,6 @@ export default function HotelSelectionHeader({
          <Body color="textHighContrast">
            {hotel.hotelContent.texts.descriptions.short}
          </Body>
-          <HotelDetailSidePeek />
        </div>
      </div>
    </header>