1 | import React from "react";
|
---|
2 | import Navigation from '../Components/Layout/Navbar/Navigation';
|
---|
3 | import 'bootstrap/dist/css/bootstrap.css';
|
---|
4 | import 'bootstrap/dist/js/bootstrap.js';
|
---|
5 | import HomeCarousel from '../Components/Layout/CarouselHome/Carousel';
|
---|
6 | import { Card, Container, Nav, Row, Col } from 'react-bootstrap';
|
---|
7 | import TabComponent from '../Components/Tab/Tab';
|
---|
8 | import Offers from '../Components/Layout/Offers/Offers';
|
---|
9 | import MostVisitedBar from '../Components/MostVisited/MostVisitedBar';
|
---|
10 | import MostPopularRoutesCont from '../Components/MostPopularRoutes/MostPopularRoutesCont';
|
---|
11 | import BecomeAHost from "../Components/BecomeAHost/BecomeAHost"
|
---|
12 | import HotelLisitng from "../Components/Listings/HotelListing"
|
---|
13 | import SearchCriterias from "../Components/SearchCriterias/SearchCriteriasBar";
|
---|
14 | import SortButton from "../Components/Listings/SortButton";
|
---|
15 | import FilterButton from "../Components/Listings/FilterButton";
|
---|
16 | import TransportListing from "../Components/Listings/TransportListing";
|
---|
17 | import useGet from "../Components/Hooks/useGet";
|
---|
18 | import { useParams } from "react-router-dom";
|
---|
19 |
|
---|
20 |
|
---|
21 | const SearchPage = (props) => {
|
---|
22 |
|
---|
23 | const params = useParams();
|
---|
24 | console.log(params)
|
---|
25 |
|
---|
26 |
|
---|
27 | document.body.style.backgroundColor = "white"
|
---|
28 | var hotelData = {
|
---|
29 | "hotelName": "Име на сместувањето",
|
---|
30 | "hotelLocation": "Скопје, Македонија",
|
---|
31 | "hotelCaption": "Краток опис",
|
---|
32 | "hotelDescription": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation",
|
---|
33 | "hotelPrice": 504.99,
|
---|
34 | "hotelRating": 9.1
|
---|
35 |
|
---|
36 | }
|
---|
37 |
|
---|
38 | let link = props.type === "transport" ? `/transport/search?from=${params.from}&to=${params.to}&date=${params.date}` : props.type === "hotel" ? `/hotel/search?hotelLocation=${params.hotelLocation}&dateFrom=${params.dateFrom}&dateTo=${params.dateTo}&numBeds=${params.numBeds}` : ""
|
---|
39 | console.log(link)
|
---|
40 | const { data, isLoading, getData, setData } = useGet(link);
|
---|
41 | !isLoading && console.log(data)
|
---|
42 | return (
|
---|
43 | <>
|
---|
44 | <Navigation></Navigation>
|
---|
45 | <SearchCriterias criterias={useParams()}></SearchCriterias>
|
---|
46 | <Container className="d-flex justify-content-end gx-5" style={{maxWidth: "60%"}}>
|
---|
47 | <Row>
|
---|
48 | <Col>
|
---|
49 | <FilterButton></FilterButton>
|
---|
50 | </Col>
|
---|
51 | <Col>
|
---|
52 | <SortButton></SortButton>
|
---|
53 | </Col>
|
---|
54 | </Row>
|
---|
55 | </Container>
|
---|
56 | {props.type === "hotel" && !isLoading && data && <Container fluid>
|
---|
57 | {data.map(hotel => {
|
---|
58 | return <HotelLisitng from={params.dateFrom} to={params.dateTo} data={hotel}/>
|
---|
59 | })}
|
---|
60 | </Container>}
|
---|
61 | {props.type === "transport" && !isLoading && data && <Container fluid>
|
---|
62 | {data.map(transport => {
|
---|
63 | return <TransportListing data={transport}/>
|
---|
64 | })}
|
---|
65 | </Container>}
|
---|
66 | </>
|
---|
67 | )
|
---|
68 | }
|
---|
69 |
|
---|
70 | export default SearchPage; |
---|