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 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 />
            <div className="row">
                <div className="col-md-8 col-sm-12 col-12">
                    <FeedContent
                        isShare={shared_name ? true : false}
                        ownerFileImage={owner_file_image}
                        ownerFileVideo={owner_file_video}
                        ownerFileImage_preview={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}
                    />
                </div>
            </div>
        </Modal>
    )
}

export default FeedModal