source: frontend/src/Components/SearchCriterias/SearchCriteriasBar.js@ 5528b99

Last change on this file since 5528b99 was 5528b99, checked in by darsov2 <62809499+darsov2@…>, 9 months ago

revert

  • Property mode set to 100644
File size: 4.2 KB
RevLine 
[e6c2521]1import React from "react";
2import { Container, Form, Button, Row, Col } from "react-bootstrap";
3import useFormData from "../Hooks/useFormData";
[5528b99]4<<<<<<< HEAD
[e6c2521]5import SearchCriteriasHotel from "./SearchCriteriasHotel";
6import SearchCriteriasTransport from "./SearchCriteriasTransport";
7import SearchCriteriasRestaurant from "./SearchCriteriasRestaurant";
[5528b99]8=======
9>>>>>>> parent of ac19a0c (authContext impl, admin panel impl, search bar fixes, reservations listings impl)
[e6c2521]10
[5528b99]11const SearchCriterias = (props) => {
[e6c2521]12
[5528b99]13 const { formData, onFormChange, onCheckBoxChange, setFormData} = useFormData(props.criterias)
14 console.log("KRITERIUMI")
15 console.log(formData)
[e6c2521]16
[5528b99]17<<<<<<< HEAD
[e6c2521]18 return (
19 <>
20 {type === 'hotel' && <SearchCriteriasHotel criterias={criterias}/>}
21 {type === 'transport' && <SearchCriteriasTransport showButton={props.showButton} criterias={criterias}/>}
22 {type === 'restaurant' && <SearchCriteriasRestaurant criterias={criterias}/>}
23 </>
24 )
25}
[5528b99]26=======
27 return (
28 <>
29 <Container
30 className="p-1 pb-0 mb-5 mt-3 rounded-2"
31 style={{ backgroundColor: "#002B5B", width: "65%"}}
32 >
33 <Form className="rounded-5">
34 <Row className="gx-1">
35 <Col>
36 <Form.Floating className="mb-3">
37 <Form.Control
38 size="md"
39 type="text"
40 placeholder="Каде ќе патувате?:"
41 id="location"
42 name="hotelLocation"
43 onChange={onFormChange}
44 value={formData.hotelLocation}
45 ></Form.Control>
46 <label htmlFor="location">Локација:</label>
47 </Form.Floating>
48 </Col>
49 <Col>
50 <Form.Floating className="mb-3">
51 <Form.Control
52 size="md"
53 type="date"
54 placeholder="Датум на пристигнување:"
55 id="dateFrom"
56 name="dateFrom"
57 onChange={onFormChange}
58 value={formData.dateFrom}
59 ></Form.Control>
60 <label htmlFor="dateFrom">Датум на пристигнување:</label>
61 </Form.Floating>
62 </Col>
63 <Col>
64 <Form.Floating className="mb-3">
65 <Form.Control
66 size="md"
67 type="date"
68 placeholder="Датум на заминување:"
69 id="dateTo"
70 name="dateTo"
71 onChange={onFormChange}
72 value={formData.dateTo}
73 ></Form.Control>
74 <label htmlFor="dateTo">Датум на заминување:</label>
75 </Form.Floating>
76 </Col>
77 <Col>
78 <Form.Floating className="mb-3">
79 <Form.Control
80 size="md"
81 type="number"
82 placeholder="Број на гости:"
83 id="floatingPassengers"
84 name="numBeds"
85 onChange={onFormChange}
86 value={formData.numBeds}
87 ></Form.Control>
88 <label htmlFor="floatingPassengers">Број на гости:</label>
89 </Form.Floating>
90 </Col>
91 <Col>
92 <Form.Group className="my-1">
93 <Button
94 type="submit"
95 style={{ backgroundColor: "#159895" }}
96 size="lg"
97 className="w-100"
98 onClick={(e) => {
99 e.preventDefault();
100 window.location.href = `/search/hotel/${formData.hotelLocation}/${formData.dateFrom}/${formData.dateTo}/${formData.numBeds}`
101 }}
102 >
103 <span className="ikona mx-3">Пребарај</span>
104 </Button>
105 </Form.Group>
106 </Col>
107 </Row>
108 </Form>
109 </Container>
110 </>
111 );
112};
113>>>>>>> parent of ac19a0c (authContext impl, admin panel impl, search bar fixes, reservations listings impl)
[e6c2521]114
[5528b99]115export default SearchCriterias;
Note: See TracBrowser for help on using the repository browser.