Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 7152 | Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6618 stevensc 1 
import React from 'react'
2 
import { Modal } from 'react-bootstrap'
3 
import { FeedContent, FeedDescription, FeedHeader } from './Feed'
4 
 
5 
const FeedModal = ({ isShow, handleClose, feed }) => {
6 
  const {
7 
    owner_file_image,
8 
    owner_file_video,
9 
    owner_file_image_preview,
10 
    owner_file_document,
11 
    owner_description,
12 
    shared_name,
13 
    shared_image,
14 
    shared_time_elapse,
15 
    shared_description,
16 
    shared_file_video,
17 
    shared_file_image_preview,
18 
    shared_file_image,
19 
    shared_file_document,
20 
    owner_name,
21 
    owner_image,
22 
    owner_time_elapse,
23 
    owner_url,
24 
    feed_delete_url,
25 
    feed_unique,
26 
  } = feed
27 
 
28 
  return (
29 
    <Modal show={isShow} onHide={handleClose} dialogClassName="modal-lg">
30 
      <Modal.Header closeButton />
31 
      <Modal.Body>
32 
        <div className="d-flex flex-column-reverse flex-md-row">
33 
          <div className="col-md-8 col-sm-12 col-12">
34 
            <FeedContent
35 
              showDescription={false}
36 
              isShare={!!shared_name}
37 
              ownerFileImage={owner_file_image}
38 
              ownerFileVideo={owner_file_video}
39 
              ownerFileImagePreview={owner_file_image_preview}
40 
              ownerFileDocument={owner_file_document}
41 
              ownerDescription={owner_description}
42 
              sharedItem={{
43 
                name: shared_name,
44 
                image: shared_image,
45 
                time_elapse: shared_time_elapse,
46 
                description: shared_description,
47 
                file_video: shared_file_video,
48 
                file_image_preview: shared_file_image_preview,
49 
                file_image: shared_file_image,
50 
                file_document: shared_file_document,
51 
              }}
52 
            />
53 
          </div>
54 
          <div className="col-md-4 col-sm-12 col-12">
55 
            <FeedHeader
56 
              ownerName={owner_name}
57 
              ownerImage={owner_image}
58 
              ownerTimeElapse={owner_time_elapse}
59 
              ownerUrl={owner_url}
60 
              feedDeleteUrl={feed_delete_url}
61 
              feedUnique={feed_unique}
62 
            />
63 
            <FeedDescription ownerDescription={owner_description} />
64 
          </div>
65 
        </div>
66 
      </Modal.Body>
67 
    </Modal>
68 
  )
69 
}
70 
 
71 
export default FeedModal