Merge remote-tracking branch 'origin/develop' into feat/SW-415-select-room-card

components/HotelReservation/SelectRate/RoomSelection/index.tsx

@@ -18,8 +18,6 @@ export default function RoomSelection({
   const searchParams = useSearchParams()
   const intl = useIntl()
 
-  console.log(roomConfigurations)
-
   function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
     e.preventDefault()
     const queryParams = new URLSearchParams(searchParams)
@@ -38,11 +36,31 @@ export default function RoomSelection({
         <ul className={styles.roomList}>
           {roomConfigurations.roomConfigurations.map((roomConfiguration) => (
             <li key={roomConfiguration.roomType}>
-              <RoomCard
-                rateDefinitions={roomConfigurations.rateDefinitions}
-                roomConfiguration={roomConfiguration}
-                roomCategories={roomCategories}
-              />
+              <form
+                method="GET"
+                action={`select-bed?${searchParams}`}
+                onSubmit={handleSubmit}
+              >
+                <ul className={styles.roomList}>
+                  {roomConfigurations.roomConfigurations.map(
+                    (roomConfiguration) => (
+                      <li key={roomConfiguration.roomType}>
+                        <RoomCard
+                          rateDefinitions={roomConfigurations.rateDefinitions}
+                          roomConfiguration={roomConfiguration}
+                          roomCategories={roomCategories}
+                        />
+                      </li>
+                    )
+                  )}
+                </ul>
+                <div className={styles.summary}>
+                  This is summary
+                  <Button type="submit" size="small" theme="primaryDark">
+                    {intl.formatMessage({ id: "Choose room" })}
+                  </Button>
+                </div>
+              </form>
             </li>
           ))}
         </ul>