[e6c2521] | 1 | import React from "react";
|
---|
| 2 | import { useState } from "react";
|
---|
| 3 | import { Col, Container, Row, Image, Modal, Button } from "react-bootstrap";
|
---|
| 4 | import LoginForm from "../Login/LoginForm";
|
---|
| 5 | import ChangePasswordForm from "../Forms/ChangePasswordForm";
|
---|
| 6 | import { AiOutlinePlusCircle } from "react-icons/ai"
|
---|
| 7 | import EditModal from "../Resources/EditModal";
|
---|
[07f4e8b] | 8 | import AddImages from "../Resources/AddImages";
|
---|
[e6c2521] | 9 |
|
---|
| 10 | const MenuListing = (props) => {
|
---|
| 11 |
|
---|
| 12 | const type = props.type == "hotel" ? "сместувањето" : props.type == "restaurant" ? "ресторанот" : "превозот";
|
---|
| 13 | console.log(props.data)
|
---|
| 14 | return(<>
|
---|
[07f4e8b] | 15 | <a href="#" style={{textDecoration: "none", color:"black"}}>
|
---|
[e6c2521] | 16 | <Container className="py-3 px-1 my-4"
|
---|
| 17 | style={{
|
---|
| 18 | border: "4px solid #159895",
|
---|
| 19 | borderRadius: "1em",
|
---|
| 20 | boxShadow: "0 3px 5px #159895",
|
---|
| 21 | maxWidth: "90%",
|
---|
| 22 | }}>
|
---|
| 23 | <Row>
|
---|
| 24 | <Col className="d-flex justify-content-center">
|
---|
[07f4e8b] | 25 | <Image onClick={(e) => {
|
---|
| 26 | e.preventDefault();
|
---|
| 27 | props.showModal(props.data);
|
---|
| 28 | console.log("kliknav")
|
---|
| 29 | }}
|
---|
[e6c2521] | 30 | src="https://www.tasteofhome.com/wp-content/uploads/2019/01/medium-rare-steak-shutterstock_706040446.jpg"
|
---|
| 31 | style={{
|
---|
| 32 | height: "8em",
|
---|
| 33 | borderRadius: "1em",
|
---|
| 34 | boxShadow: "0 4px 20px lightblue",
|
---|
| 35 | maxWidth: "100%",
|
---|
| 36 | }}
|
---|
| 37 | ></Image>
|
---|
| 38 | </Col>
|
---|
| 39 | <Col className="d-flex flex-column justify-content-center" style={{textAlign: "left"}}>
|
---|
| 40 | <h2>{props.data.name}</h2>
|
---|
| 41 | <h6>{props.data.ingredients}</h6>
|
---|
| 42 | </Col>
|
---|
[07f4e8b] | 43 | <Col className="d-flex flex-column justify-content-center align-content-center">
|
---|
| 44 | <AddImages type="menu" Id={props.data.menuId} />
|
---|
| 45 | </Col>
|
---|
[e6c2521] | 46 |
|
---|
| 47 | <Col className="d-flex flex-column justify-content-center align-content-center">
|
---|
| 48 | <h5>Цена:</h5>
|
---|
| 49 | <h4>{props.data.price}$</h4>
|
---|
| 50 | </Col>
|
---|
| 51 | </Row>
|
---|
| 52 | </Container>
|
---|
| 53 | </a>
|
---|
| 54 | </>)
|
---|
| 55 | }
|
---|
| 56 |
|
---|
| 57 | export default MenuListing; |
---|