Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable camelcase */

/* 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}

                            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