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