Last change
on this file since e6c2521 was e6c2521, checked in by darsov2 <62809499+darsov2@…>, 6 months ago |
images upload/download impl, other fixes
|
-
Property mode
set to
100644
|
File size:
1.3 KB
|
Rev | Line | |
---|
[e6c2521] | 1 | import {Col, Container, Row} from "react-bootstrap";
|
---|
| 2 | import React from "react";
|
---|
| 3 |
|
---|
| 4 | const ReservationListing = (props) => {
|
---|
| 5 | return(
|
---|
| 6 | <>
|
---|
| 7 | <Container className="py-3 px-1 my-4"
|
---|
| 8 | style={{
|
---|
| 9 | border: "4px solid #159895",
|
---|
| 10 | borderRadius: "1em",
|
---|
| 11 | boxShadow: "0 3px 5px #159895",
|
---|
| 12 | maxWidth: "90%",
|
---|
| 13 | }}>
|
---|
| 14 | <Row>
|
---|
| 15 | <Col md={8} className="d-flex flex-column justify-content-start ps-5">
|
---|
| 16 | <h3 style={{fontWeight: "bold"}} className={'text-start'}>Резервација за:</h3>
|
---|
| 17 | <h4 className={'text-start'}>{props.data.hotelRoom.hotelRoomName}</h4>
|
---|
| 18 | <h4 className={'text-start'}>{props.data.user.name + ' ' + props.data.user.surname}</h4>
|
---|
| 19 | <h5 className={'text-start'}>{props.data.dateFrom + ' - ' + props.data.dateTo}</h5>
|
---|
| 20 | </Col>
|
---|
| 21 | <Col md={4} className="d-flex flex-column justify-content-center align-content-center">
|
---|
| 22 | <h3>Вкупна цена: <br></br>{props.data.hotelRoom.price}$</h3>
|
---|
| 23 | </Col>
|
---|
| 24 | </Row>
|
---|
| 25 | </Container>
|
---|
| 26 | </>
|
---|
| 27 | )
|
---|
| 28 | }
|
---|
| 29 |
|
---|
| 30 | export default ReservationListing; |
---|
Note:
See
TracBrowser
for help on using the repository browser.