1 | import {Col, Container, Image, Row, Button} from "react-bootstrap";
|
---|
2 | import {BsFillPersonFill} from "react-icons/bs";
|
---|
3 | import {MdOutlineLocalOffer} from "react-icons/md";
|
---|
4 | import {Link} from "react-router-dom";
|
---|
5 |
|
---|
6 | function RestaurantListing(props) {
|
---|
7 | console.log(props)
|
---|
8 | return (
|
---|
9 | <>
|
---|
10 | <Container
|
---|
11 | className="py-3 px-1 my-4"
|
---|
12 | style={{
|
---|
13 | border: "4px solid lightblue",
|
---|
14 | borderRadius: "1em",
|
---|
15 | boxShadow: "0 3px 5px lightblue",
|
---|
16 | maxWidth: "60%",
|
---|
17 | }}
|
---|
18 | >
|
---|
19 | <Row className="mx-1 my-1" style={{textAlign: "left"}}>
|
---|
20 | <Col className="d-flex justify-content-center">
|
---|
21 | <Image
|
---|
22 | src="https://www.imgacademy.com/sites/default/files/legacyhotel.jpg"
|
---|
23 | style={{
|
---|
24 | height: "15em",
|
---|
25 | borderRadius: "1em",
|
---|
26 | boxShadow: "0 4px 20px lightblue",
|
---|
27 | maxWidth: "100%",
|
---|
28 | }}
|
---|
29 | ></Image>
|
---|
30 | </Col>
|
---|
31 | <Col>
|
---|
32 | <Row>
|
---|
33 | <h3>{props.data.restaurantName}</h3>
|
---|
34 | </Row>
|
---|
35 | <Row>
|
---|
36 | <h8>{props.data.restaurantLocation}, Македонија</h8>
|
---|
37 | </Row>
|
---|
38 | <Row className="mt-3 ml-2">
|
---|
39 | <Col className="md-4">
|
---|
40 | <h4 style={{fontWeight: "bold"}}></h4>
|
---|
41 | </Col>
|
---|
42 | </Row>
|
---|
43 | <Row>
|
---|
44 | <Col className="ml-5">
|
---|
45 | {/* <h5>{props.data.hotelCaption}</h5> */}
|
---|
46 | <h5>Тип на кујна</h5>
|
---|
47 | </Col>
|
---|
48 | </Row>
|
---|
49 | <Row>
|
---|
50 | <Col>
|
---|
51 | <h6>{props.data.cousineType}</h6>
|
---|
52 | </Col>
|
---|
53 | </Row>
|
---|
54 | </Col>
|
---|
55 | <Col>
|
---|
56 | <Container
|
---|
57 | fluid
|
---|
58 | className="px-0"
|
---|
59 | style={{
|
---|
60 | display: "flex",
|
---|
61 | flexDirection: "column",
|
---|
62 | alignItems: "flex-end",
|
---|
63 | justifyContent: "space-between",
|
---|
64 | height: "100%",
|
---|
65 | }}
|
---|
66 | >
|
---|
67 | <Row className="justify-self-end" style={{textAlign: "right"}}>
|
---|
68 | <Col style={{textAlign: "right"}}>
|
---|
69 | <h6>Многу добро</h6>
|
---|
70 | </Col>
|
---|
71 | <Col>
|
---|
72 | <span
|
---|
73 | style={{
|
---|
74 | backgroundColor: "#159895",
|
---|
75 | padding: "0.75em",
|
---|
76 | fontWeight: "bold",
|
---|
77 | fontSize: "1.25rem",
|
---|
78 | borderRadius: "0.75em",
|
---|
79 | color: "white",
|
---|
80 | }}
|
---|
81 | >
|
---|
82 | {props.data.averageScore.toFixed(1)}
|
---|
83 | </span>
|
---|
84 | </Col>
|
---|
85 | </Row>
|
---|
86 | <Row className="w-75 justify-self-end">
|
---|
87 | <Container
|
---|
88 | className="justify-self-end"
|
---|
89 | style={{textAlign: "right"}}
|
---|
90 | >
|
---|
91 | <Row>
|
---|
92 |
|
---|
93 | </Row>
|
---|
94 | <Row className="w-100">
|
---|
95 | <Link
|
---|
96 | to="/details/restaurant"
|
---|
97 | state={{data: props.data, params: props.params}}
|
---|
98 | className="w-100"
|
---|
99 | >
|
---|
100 | <Button
|
---|
101 | className="m-2"
|
---|
102 | size="md"
|
---|
103 | style={{backgroundColor: "#159895"}}
|
---|
104 | onClick={() => {
|
---|
105 | }}
|
---|
106 | >
|
---|
107 | <MdOutlineLocalOffer size={"1.5em"}></MdOutlineLocalOffer>{" "}
|
---|
108 | Кон понудата
|
---|
109 | </Button>
|
---|
110 | </Link>
|
---|
111 | </Row>
|
---|
112 | </Container>
|
---|
113 | </Row>
|
---|
114 | </Container>
|
---|
115 | </Col>
|
---|
116 | </Row>
|
---|
117 | </Container>
|
---|
118 | </>
|
---|
119 | );
|
---|
120 | }
|
---|
121 |
|
---|
122 | export default RestaurantListing;
|
---|