Línea 1... |
Línea 1... |
1 |
/* eslint-disable react/prop-types */
|
1 |
/* eslint-disable react/prop-types */
|
2 |
import React, { useState } from 'react'
|
2 |
import React, { useState } from 'react'
|
3 |
import parse from "html-react-parser";
|
3 |
import parse from "html-react-parser";
|
4 |
import moment from 'moment'
|
4 |
import moment from 'moment'
|
5 |
import { BiShareAlt } from 'react-icons/bi'
|
5 |
import { BiShareAlt } from 'react-icons/bi'
|
6 |
import { EmailIcon, EmailShareButton, FacebookIcon, FacebookMessengerIcon, FacebookMessengerShareButton, FacebookShareButton, PinterestIcon, PinterestShareButton, RedditIcon, RedditShareButton, TelegramIcon, TelegramShareButton, TumblrIcon, TumblrShareButton, TwitterIcon, TwitterShareButton, WhatsappIcon, WhatsappShareButton, WorkplaceIcon, WorkplaceShareButton } from 'react-share';
|
6 |
import { EmailIcon, EmailShareButton, FacebookIcon, FacebookShareButton, RedditIcon, RedditShareButton, TelegramIcon, TelegramShareButton, TwitterIcon, TwitterShareButton, WhatsappIcon, WhatsappShareButton } from 'react-share';
|
7 |
import { useRef } from 'react';
|
7 |
import { useRef } from 'react';
|
Línea 8... |
Línea 8... |
8 |
|
8 |
|
Línea 9... |
Línea 9... |
9 |
export default function PostView({ post = {} }) {
|
9 |
export default function PostView({ post = {} }) {
|
Línea 50... |
Línea 50... |
50 |
shareOptions &&
|
50 |
shareOptions &&
|
51 |
<div className="ext_share post" ref={shareContainer}>
|
51 |
<div className="ext_share post" ref={shareContainer}>
|
52 |
<FacebookShareButton url={post.share_external_url}>
|
52 |
<FacebookShareButton url={post.share_external_url}>
|
53 |
<FacebookIcon size={32} round />
|
53 |
<FacebookIcon size={32} round />
|
54 |
</FacebookShareButton>
|
54 |
</FacebookShareButton>
|
55 |
<FacebookMessengerShareButton url={post.share_external_url}>
|
- |
|
56 |
<FacebookMessengerIcon size={32} round />
|
- |
|
57 |
</FacebookMessengerShareButton>
|
- |
|
58 |
<TwitterShareButton url={post.share_external_url}>
|
55 |
<TwitterShareButton url={post.share_external_url}>
|
59 |
<TwitterIcon size={32} round />
|
56 |
<TwitterIcon size={32} round />
|
60 |
</TwitterShareButton>
|
57 |
</TwitterShareButton>
|
61 |
<TelegramShareButton url={post.share_external_url}>
|
58 |
<TelegramShareButton url={post.share_external_url}>
|
62 |
<TelegramIcon size={32} round />
|
59 |
<TelegramIcon size={32} round />
|
63 |
</TelegramShareButton>
|
60 |
</TelegramShareButton>
|
64 |
<WhatsappShareButton url={post.share_external_url}>
|
61 |
<WhatsappShareButton url={post.share_external_url}>
|
65 |
<WhatsappIcon size={32} round />
|
62 |
<WhatsappIcon size={32} round />
|
66 |
</WhatsappShareButton>
|
63 |
</WhatsappShareButton>
|
67 |
<PinterestShareButton url={post.share_external_url}>
|
- |
|
68 |
<PinterestIcon size={32} round />
|
- |
|
69 |
</PinterestShareButton>
|
- |
|
70 |
<RedditShareButton url={post.share_external_url}>
|
64 |
<RedditShareButton url={post.share_external_url}>
|
71 |
<RedditIcon size={32} round />
|
65 |
<RedditIcon size={32} round />
|
72 |
</RedditShareButton>
|
66 |
</RedditShareButton>
|
73 |
<TumblrShareButton url={post.share_external_url}>
|
- |
|
74 |
<TumblrIcon size={32} round />
|
- |
|
75 |
</TumblrShareButton>
|
- |
|
76 |
<WorkplaceShareButton url={post.share_external_url}>
|
- |
|
77 |
<WorkplaceIcon size={32} round />
|
- |
|
78 |
</WorkplaceShareButton>
|
- |
|
79 |
<EmailShareButton url={post.share_external_url}>
|
67 |
<EmailShareButton url={post.share_external_url}>
|
80 |
<EmailIcon size={32} round />
|
68 |
<EmailIcon size={32} round />
|
81 |
</EmailShareButton>
|
69 |
</EmailShareButton>
|
82 |
</div>
|
70 |
</div>
|
83 |
}
|
71 |
}
|