import React from "react";
import {Container, Row, Modal, Image, FormGroup, FormLabel, FormControl, Button} from "react-bootstrap";
import {useState} from "react";
import {AiOutlinePlusCircle} from "react-icons/ai"
import AddHotelForm from "../Forms/AddHotelForm";
import AddRoomForm from "../Forms/AddRoomForm";
import AddRestaurantForm from "../Forms/AddRestaurantForm";
import AddTransportForm from "../Forms/AddTransportForm";
import AddItemMenuForm from "../Forms/AddItemMenuForm";
import AddRoomAvailablityForm from "../Forms/AddRoomAvailablityForm";
import AddTableAvailablityForm from "../Forms/AddTableAvailabilityForm";
import {FaImage} from "react-icons/fa";
import useGet from "../Hooks/useGet";
import useFileChange from "../Hooks/FilesUpload/useFileChange";
const AddImages = (props) => {
const [show, setShow] = useState(false);
const {data, isLoading, getData, setData, setChanged} = useGet(`/${props.type}/${props.Id}/images`)
const { onFileChangeHandler } = useFileChange();
const [selectedFiles, setSelectedFiles] = useState([]);
console.log(props.Id)
const handleClose = () => setShow(false);
const handleShow = (e) => {
e.preventDefault();
setShow(true);
};
!isLoading && console.log(data)
return (<>
Слики
{handleShow &&
Слики за ресурс
{!isLoading && data.map((image) => {
let link = image.url;
if (image.url.includes('Desktop')) {
link = 'http://localhost:8080/download?fileName=' + encodeURIComponent(image.url);
}
console.log(link)
return (
)
})}
Upload Images:
setSelectedFiles(Array.from(e.target.files))}
/>
{selectedFiles.map((file, index) => (
{
}}
fluid
src={URL.createObjectURL(file)}
alt={`Uploaded Image ${index + 1}`}
/>
))}
}
>)
}
export default AddImages;