Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 1650 | Rev 2835 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1650 stevensc 1 
import React from 'react'
1870 stevensc 2 
import { styled } from '@mui/material'
1650 stevensc 3 
 
1870 stevensc 4 
import Modal from '../UI/modal/Modal'
5 
import Feed, { renderContent } from '../dashboard/linkedin/feed-template/Feed'
6 
import WidgetWrapper from '../widgets/WidgetLayout'
7 
 
8 
const StyledBody = styled(WidgetWrapper.Body)`
9 
  & > p,
10 
  & > a {
11 
    padding: 0 1rem;
12 
  }
13 
  & > img {
14 
    width: 100%;
15 
    max-height: 60vh;
16 
    object-fit: contain;
17 
  }
18 
  & > video {
19 
    width: 100%;
20 
    overflow: hidden;
21 
    object-fit: scale-down;
22 
    background-color: black;
23 
    display: block;
24 
    max-height: 80vh;
25 
  }
26 
`
27 
 
28 
const FeedModal = ({ show = false, onClose = () => {}, feed = {} }) => {
1650 stevensc 29 
  const {
30 
    owner_file_image,
31 
    owner_file_video,
32 
    owner_file_image_preview,
33 
    owner_file_document,
1870 stevensc 34 
    shared_content_type,
1650 stevensc 35 
    owner_description,
36 
    shared_name,
37 
    shared_image,
38 
    shared_time_elapse,
39 
    shared_description,
40 
    shared_file_video,
41 
    shared_file_image_preview,
42 
    shared_file_image,
43 
    shared_file_document,
44 
    owner_name,
45 
    owner_image,
46 
    owner_time_elapse,
47 
    owner_url,
48 
    feed_unique,
49 
    feed_content_type,
50 
    feed_vote_url,
51 
    shared_url
52 
  } = feed
53 
 
54 
  return (
55 
    <Modal show={show} onClose={onClose} showFooter={false}>
56 
      <Feed.Header
57 
        image={owner_image}
58 
        name={owner_name}
59 
        timeElapsed={owner_time_elapse}
60 
        viewUrl={owner_url}
61 
        feedUnique={feed_unique}
62 
      />
1870 stevensc 63 
      <StyledBody>
64 
        {renderContent({
65 
          description: owner_description,
66 
          image: owner_file_image,
67 
          document: owner_file_document,
68 
          video: owner_file_video,
69 
          imagePreview: owner_file_image_preview,
70 
          type: shared_name ? 'shared' : feed_content_type,
71 
          voteUrl: feed_vote_url,
72 
          sharedName: shared_name,
73 
          sharedImage: shared_image,
74 
          sharedTimeElapse: shared_time_elapse,
75 
          sharedDescription: shared_description,
76 
          sharedFileVideo: shared_file_video,
77 
          sharedFileImagePreview: shared_file_image_preview,
78 
          sharedFileImage: shared_file_image,
79 
          sharedFileDocument: shared_file_document,
80 
          sharedContentType: shared_content_type,
81 
          sharedUrl: shared_url
82 
        })}
83 
      </StyledBody>
1650 stevensc 84 
    </Modal>
85 
  )
86 
}
87 
 
88 
export default FeedModal