Rev 7153 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
import React from 'react'
import { Modal } from 'react-bootstrap'
import { FeedContent, FeedDescription, FeedHeader } from './Feed'
const FeedModal = ({ isShow, handleClose, feed }) => {
const {
owner_file_image,
owner_file_video,
owner_file_image_preview,
owner_file_document,
owner_description,
shared_name,
shared_image,
shared_time_elapse,
shared_description,
shared_file_video,
shared_file_image_preview,
shared_file_image,
shared_file_document,
owner_name,
owner_image,
owner_time_elapse,
owner_url,
feed_delete_url,
feed_unique,
} = feed
return (
<Modal show={isShow} onHide={handleClose} dialogClassName="modal-lg">
<Modal.Header closeButton />
<Modal.Body>
<div className="d-flex flex-column-reverse flex-md-row">
<div className="col-md-8 col-sm-12 col-12">
<FeedContent
showDescription={false}
isShare={!!shared_name}
ownerFileImage={owner_file_image}
ownerFileVideo={owner_file_video}
ownerFileImagePreview={owner_file_image_preview}
ownerFileDocument={owner_file_document}
ownerDescription={owner_description}
sharedItem={{
name: shared_name,
image: shared_image,
time_elapse: shared_time_elapse,
description: shared_description,
file_video: shared_file_video,
file_image_preview: shared_file_image_preview,
file_image: shared_file_image,
file_document: shared_file_document,
}}
/>
</div>
<div className="col-md-4 col-sm-12 col-12">
<FeedHeader
ownerName={owner_name}
ownerImage={owner_image}
ownerTimeElapse={owner_time_elapse}
ownerUrl={owner_url}
feedDeleteUrl={feed_delete_url}
feedUnique={feed_unique}
/>
<FeedDescription ownerDescription={owner_description} />
</div>
</div>
</Modal.Body>
</Modal>
)
}
export default FeedModal