Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from 'react'
import { Modal } from 'react-bootstrap'
import FeedContent from './FeedContent'
import FeedDescription from './FeedDescription'
import FeedHeader from './FeedHeader'

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 ? true : false}
                            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