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 | }
|
---|
12 | console.log(props)
|
---|
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,
|
---|
83 | userId: 1,
|
---|
84 | reservationId: props.data.reservationId
|
---|
85 | } :
|
---|
86 | props.type === 'restaurant' ? {
|
---|
87 | ...formData,
|
---|
88 | restaurantId: props.data.restaurantId,
|
---|
89 | userId: 1,
|
---|
90 | reservationId: props.data.reservationId
|
---|
91 | } : {
|
---|
92 | ...formData,
|
---|
93 | transportId: props.data.transportId,
|
---|
94 | userId: 1,
|
---|
95 | reservationId: props.data.reservationId
|
---|
96 | }
|
---|
97 | createEntity('/review/add', dataToPost, props.setChanged)
|
---|
98 | setFormData(dummy)
|
---|
99 | props.handleCloseReview()
|
---|
100 | }
|
---|
101 | }>
|
---|
102 | Зачувај
|
---|
103 | </Button>
|
---|
104 | </Modal.Footer>
|
---|
105 | </Modal>
|
---|
106 | </>
|
---|
107 | )
|
---|
108 | }
|
---|
109 |
|
---|
110 | export default ReviewModal; |
---|