Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2835 | | Comparar con el anterior | Ultima modificación | Ver Log |

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