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}

                        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}

                    />

                </div>

            </div>

        </Modal>

    )

}

export default FeedModal