39 lines
1012 B
JavaScript
39 lines
1012 B
JavaScript
import React from "react";
|
|
import { Modal } from "react-bootstrap";
|
|
import StorageImage from "./StorageImage";
|
|
|
|
const SelectBgPhotoModal = (props) => {
|
|
const { show, onHide, onPhotoClick, userID, photos } = props;
|
|
|
|
return (
|
|
<Modal show={show} onHide={onHide} scrollable>
|
|
<Modal.Header closeButton>
|
|
<Modal.Title style={{ marginLeft: "35%" }}>
|
|
<strong>Select Photo</strong>
|
|
</Modal.Title>
|
|
</Modal.Header>
|
|
<Modal.Body>
|
|
{photos.map((photo, index) => {
|
|
return (
|
|
<StorageImage
|
|
className="m-1"
|
|
width="31%"
|
|
height="90px"
|
|
alt=""
|
|
key={index}
|
|
id={index}
|
|
storagePath={`/${userID}/${photo.fileName}`}
|
|
style={{
|
|
objectFit: "cover",
|
|
}}
|
|
onClick={onPhotoClick}
|
|
></StorageImage>
|
|
);
|
|
})}
|
|
</Modal.Body>
|
|
</Modal>
|
|
);
|
|
};
|
|
|
|
export default SelectBgPhotoModal;
|