[e6c2521] | 1 | import React from "react";
|
---|
| 2 | import { Container, Row, Modal } from "react-bootstrap";
|
---|
| 3 | import { useState } from "react";
|
---|
| 4 | import { AiOutlinePlusCircle } from "react-icons/ai"
|
---|
| 5 | import AddHotelForm from "../Forms/AddHotelForm";
|
---|
| 6 | import AddRoomForm from "../Forms/AddRoomForm";
|
---|
| 7 | import AddRestaurantForm from "../Forms/AddRestaurantForm";
|
---|
| 8 | import AddTransportForm from "../Forms/AddTransportForm";
|
---|
| 9 | import AddItemMenuForm from "../Forms/AddItemMenuForm";
|
---|
| 10 | import AddTripForm from "../Forms/AddTripForm";
|
---|
| 11 | import AddTableForm from "../Forms/AddTableForm";
|
---|
| 12 |
|
---|
| 13 | const AddNew = (props) => {
|
---|
| 14 |
|
---|
| 15 | const [show, setShow] = useState(false || props.show);
|
---|
| 16 | const [size, setSize] = useState("md");
|
---|
| 17 | console.log(props.show)
|
---|
| 18 |
|
---|
| 19 | const handleClose = () => {
|
---|
| 20 | setSize("md");
|
---|
| 21 | setShow(false);
|
---|
| 22 | }
|
---|
| 23 |
|
---|
| 24 | const handleShow = (e) => {
|
---|
| 25 | e.preventDefault();
|
---|
| 26 | setShow(true);
|
---|
| 27 |
|
---|
| 28 | };
|
---|
| 29 |
|
---|
| 30 | const setSizeXl = () => {
|
---|
| 31 | setSize("xl")
|
---|
| 32 | }
|
---|
| 33 |
|
---|
| 34 |
|
---|
| 35 | return(<>
|
---|
| 36 | <Container onClick={handleShow}>
|
---|
| 37 | <Row>
|
---|
| 38 | <h1><AiOutlinePlusCircle size={80} color="#159895"></AiOutlinePlusCircle></h1>
|
---|
| 39 | </Row>
|
---|
| 40 | <Row>
|
---|
| 41 | <h3 style={{color: "#159895"}}>Додади нов</h3>
|
---|
| 42 | </Row>
|
---|
| 43 | </Container>
|
---|
| 44 |
|
---|
| 45 | <Modal show={show} onHide={handleClose} size={size}>
|
---|
| 46 | <Modal.Header closeButton>
|
---|
| 47 | <Modal.Title style={{ color: "#159895" }}>
|
---|
| 48 | {props.type === "hotel" && "Додавање на хотел"}
|
---|
| 49 | {props.type === "room" && "Додавање на соба"}
|
---|
| 50 | {props.type === "restaurant" && "Додавање на ресторант"}
|
---|
| 51 | {props.type === "transport" && "Додавање на транспорт"}
|
---|
| 52 | {props.type === "menu" && "Додавање на ставка во мени"}
|
---|
| 53 | {props.type === "route" && "Додавање на рута"}
|
---|
| 54 | {props.type === "table" && "Додавање на маси"}
|
---|
| 55 | </Modal.Title>
|
---|
| 56 | </Modal.Header>
|
---|
| 57 | <Modal.Body>
|
---|
[07f4e8b] | 58 | {props.type === "hotel" && <AddHotelForm closeModal={handleClose} refresh={props.refresh}/>}
|
---|
| 59 | {props.type === "room" && <AddRoomForm closeModal={handleClose} refresh={props.refresh} hotelId={props.Id}/>}
|
---|
| 60 | {props.type === "restaurant" && <AddRestaurantForm edit="false" closeModal={handleClose} refresh={props.refresh}/>}
|
---|
| 61 | {props.type === "transport" && <AddTransportForm closeModal={handleClose} refresh={props.refresh}/>}
|
---|
[e6c2521] | 62 | {props.type === "menu" && <AddItemMenuForm Id={props.Id} refresh={props.refresh}/>}
|
---|
| 63 | {props.type === "route" && <AddTripForm transportId={props.transport.transportID} setSize={setSizeXl} refresh={props.refresh}/>}
|
---|
| 64 | {props.type === "table" && <AddTableForm restaurantId={props.Id} refresh={props.refresh}/>}
|
---|
| 65 | </Modal.Body>
|
---|
| 66 | </Modal>
|
---|
| 67 | </>)
|
---|
| 68 | }
|
---|
| 69 |
|
---|
| 70 | export default AddNew; |
---|