[e6c2521] | 1 | import {Button, Form, Modal, Row} from "react-bootstrap";
|
---|
| 2 | import React from "react";
|
---|
| 3 | import useFormData from "../Hooks/useFormData";
|
---|
| 4 | import useCreate from "../Hooks/useCreate";
|
---|
| 5 |
|
---|
| 6 | const ReviewModal = (props) => {
|
---|
| 7 | const dummy = {
|
---|
| 8 | tite: "",
|
---|
| 9 | numStars: "",
|
---|
| 10 | description: "",
|
---|
| 11 | }
|
---|
[07f4e8b] | 12 | console.log(props)
|
---|
[e6c2521] | 13 |
|
---|
| 14 | const {createEntity} = useCreate();
|
---|
| 15 |
|
---|
| 16 | const {formData, setFormData, onFormChange} = useFormData(dummy)
|
---|
| 17 |
|
---|
| 18 | return (
|
---|
| 19 | <>
|
---|
| 20 | <Modal show={props.showReview} onHide={props.handleCloseReview}>
|
---|
| 21 | <Modal.Header closeButton>
|
---|
| 22 | <Modal.Title>Внесување оценка по резервација</Modal.Title>
|
---|
| 23 | </Modal.Header>
|
---|
| 24 | <Modal.Body>
|
---|
| 25 | <Form>
|
---|
| 26 | <Row>
|
---|
| 27 | <Form.Floating className="mb-3">
|
---|
| 28 | <Form.Control
|
---|
| 29 | size="md"
|
---|
| 30 | type="text"
|
---|
| 31 | placeholder="Каде ќе патувате?:"
|
---|
| 32 | id="title"
|
---|
| 33 | name="title"
|
---|
| 34 | onChange={onFormChange}
|
---|
| 35 | value={formData.title}
|
---|
| 36 | ></Form.Control>
|
---|
| 37 | <label style={{left: '10px'}} htmlFor="location">Наслов:</label>
|
---|
| 38 | </Form.Floating>
|
---|
| 39 | </Row>
|
---|
| 40 | <Row>
|
---|
| 41 | <Form.Floating className="mb-3">
|
---|
| 42 | <Form.Control
|
---|
| 43 | size="md"
|
---|
| 44 | type="number"
|
---|
| 45 | max={5}
|
---|
| 46 | min={1}
|
---|
| 47 | placeholder="Каде ќе патувате?:"
|
---|
| 48 | id="numStars"
|
---|
| 49 | name="numStars"
|
---|
| 50 | onChange={onFormChange}
|
---|
| 51 | value={formData.numStars}
|
---|
| 52 | ></Form.Control>
|
---|
| 53 | <label style={{left: '10px'}} htmlFor="location">Број на ѕвезди:</label>
|
---|
| 54 | </Form.Floating>
|
---|
| 55 | </Row>
|
---|
| 56 |
|
---|
| 57 | <Row>
|
---|
| 58 | <Form.Floating className="mb-3">
|
---|
| 59 | <Form.Control
|
---|
| 60 | size="md"
|
---|
| 61 | as="textarea"
|
---|
| 62 | placeholder="Каде ќе патувате?:"
|
---|
| 63 | id="description"
|
---|
| 64 | name="description"
|
---|
| 65 | onChange={onFormChange}
|
---|
| 66 | value={formData.description}
|
---|
| 67 | ></Form.Control>
|
---|
| 68 | <label style={{left: '10px'}} htmlFor="location">Опис:</label>
|
---|
| 69 | </Form.Floating>
|
---|
| 70 | </Row>
|
---|
| 71 |
|
---|
| 72 | </Form>
|
---|
| 73 | </Modal.Body>
|
---|
| 74 | <Modal.Footer>
|
---|
| 75 | <Button variant="secondary" onClick={props.handleClose}>
|
---|
| 76 | Затвори
|
---|
| 77 | </Button>
|
---|
| 78 | <Button variant="primary" onClick={() => {
|
---|
| 79 | // console.log(props.data.hotelId)
|
---|
| 80 | const dataToPost = props.type === 'hotel' ? {
|
---|
| 81 | ...formData,
|
---|
| 82 | hotelId: props.data.hotelId,
|
---|
[07f4e8b] | 83 | userId: 1,
|
---|
| 84 | reservationId: props.data.reservationId
|
---|
[e6c2521] | 85 | } :
|
---|
| 86 | props.type === 'restaurant' ? {
|
---|
[07f4e8b] | 87 | ...formData,
|
---|
| 88 | restaurantId: props.data.restaurantId,
|
---|
| 89 | userId: 1,
|
---|
| 90 | reservationId: props.data.reservationId
|
---|
| 91 | } : {
|
---|
[e6c2521] | 92 | ...formData,
|
---|
| 93 | transportId: props.data.transportId,
|
---|
[07f4e8b] | 94 | userId: 1,
|
---|
| 95 | reservationId: props.data.reservationId
|
---|
[e6c2521] | 96 | }
|
---|
[07f4e8b] | 97 | createEntity('/review/add', dataToPost, props.setChanged)
|
---|
[e6c2521] | 98 | setFormData(dummy)
|
---|
| 99 | props.handleCloseReview()
|
---|
| 100 | }
|
---|
| 101 | }>
|
---|
| 102 | Зачувај
|
---|
| 103 | </Button>
|
---|
| 104 | </Modal.Footer>
|
---|
| 105 | </Modal>
|
---|
| 106 | </>
|
---|
| 107 | )
|
---|
| 108 | }
|
---|
| 109 |
|
---|
| 110 | export default ReviewModal; |
---|