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