| Línea 15... |
Línea 15... |
| 15 |
import { TbSend } from "react-icons/tb";
|
15 |
import { TbSend } from "react-icons/tb";
|
| 16 |
import { BiDotsVerticalRounded, BiMessage, BiShareAlt } from "react-icons/bi";
|
16 |
import { BiDotsVerticalRounded, BiMessage, BiShareAlt } from "react-icons/bi";
|
| 17 |
import styles from "./feedTemplate.module.scss";
|
17 |
import styles from "./feedTemplate.module.scss";
|
| 18 |
import styleFeed from "../share-feed/shareFeed.module.scss";
|
18 |
import styleFeed from "../share-feed/shareFeed.module.scss";
|
| Línea 19... |
Línea 19... |
| 19 |
|
19 |
|
| Línea 20... |
Línea 20... |
| 20 |
import { FacebookIcon, FacebookShareButton } from "react-share";
|
20 |
import { EmailIcon, EmailShareButton, FacebookIcon, FacebookMessengerIcon, FacebookMessengerShareButton, FacebookShareButton, PinterestIcon, PinterestShareButton, RedditIcon, RedditShareButton, TelegramIcon, TelegramShareButton, TumblrIcon, TumblrShareButton, TwitterIcon, TwitterShareButton, WhatsappIcon, WhatsappShareButton, WorkplaceIcon, WorkplaceShareButton } from "react-share";
|
| 21 |
|
21 |
|
| 22 |
// Redux actions
|
22 |
// Redux actions
|
| 23 |
import { openShareModal } from "../../../redux/share-modal/shareModal.actions";
|
23 |
import { openShareModal } from "../../../redux/share-modal/shareModal.actions";
|
| Línea 441... |
Línea 441... |
| 441 |
</li>
|
441 |
</li>
|
| 442 |
<li className="position-relative">
|
442 |
<li className="position-relative">
|
| 443 |
<button
|
443 |
<button
|
| 444 |
type="button"
|
444 |
type="button"
|
| 445 |
className="btn-indicator"
|
445 |
className="btn-indicator"
|
| 446 |
onClick={()=> setShareOptions(!shareOptions)}
|
446 |
onClick={() => setShareOptions(!shareOptions)}
|
| 447 |
>
|
447 |
>
|
| 448 |
<BiShareAlt />
|
448 |
<BiShareAlt />
|
| 449 |
</button>
|
449 |
</button>
|
| 450 |
{
|
450 |
{
|
| 451 |
shareOptions &&
|
451 |
shareOptions &&
|
| 452 |
<div className="ext_share">
|
452 |
<div className="ext_share">
|
| 453 |
<FacebookShareButton
|
- |
|
| 454 |
url={`${window.location.hostname}${feed_share_external_url}`}
|
453 |
<FacebookShareButton url={`${window.location.hostname}${feed_share_external_url}`}>
|
| 455 |
>
|
- |
|
| 456 |
<FacebookIcon size={32} round />
|
454 |
<FacebookIcon size={32} round />
|
| 457 |
</FacebookShareButton>
|
455 |
</FacebookShareButton>
|
| - |
|
456 |
<FacebookMessengerShareButton url={`${window.location.hostname}${feed_share_external_url}`}>
|
| - |
|
457 |
<FacebookMessengerIcon size={32} round />
|
| - |
|
458 |
</FacebookMessengerShareButton>
|
| - |
|
459 |
<TwitterShareButton url={`${window.location.hostname}${feed_share_external_url}`}>
|
| - |
|
460 |
<TwitterIcon size={32} round />
|
| - |
|
461 |
</TwitterShareButton>
|
| - |
|
462 |
<TelegramShareButton url={`${window.location.hostname}${feed_share_external_url}`}>
|
| - |
|
463 |
<TelegramIcon size={32} round />
|
| - |
|
464 |
</TelegramShareButton>
|
| - |
|
465 |
<WhatsappShareButton url={`${window.location.hostname}${feed_share_external_url}`}>
|
| - |
|
466 |
<WhatsappIcon size={32} round />
|
| - |
|
467 |
</WhatsappShareButton>
|
| - |
|
468 |
<PinterestShareButton url={`${window.location.hostname}${feed_share_external_url}`}>
|
| - |
|
469 |
<PinterestIcon size={32} round />
|
| - |
|
470 |
</PinterestShareButton>
|
| - |
|
471 |
<RedditShareButton url={`${window.location.hostname}${feed_share_external_url}`}>
|
| - |
|
472 |
<RedditIcon size={32} round />
|
| - |
|
473 |
</RedditShareButton>
|
| - |
|
474 |
<TumblrShareButton url={`${window.location.hostname}${feed_share_external_url}`}>
|
| - |
|
475 |
<TumblrIcon size={32} round />
|
| - |
|
476 |
</TumblrShareButton>
|
| - |
|
477 |
<WorkplaceShareButton url={`${window.location.hostname}${feed_share_external_url}`}>
|
| - |
|
478 |
<WorkplaceIcon size={32} round />
|
| - |
|
479 |
</WorkplaceShareButton>
|
| - |
|
480 |
<EmailShareButton url={`${window.location.hostname}${feed_share_external_url}`}>
|
| - |
|
481 |
<EmailIcon size={32} round />
|
| - |
|
482 |
</EmailShareButton>
|
| 458 |
</div>
|
483 |
</div>
|
| 459 |
}
|
484 |
}
|
| 460 |
</li>
|
485 |
</li>
|
| 461 |
</ul>
|
486 |
</ul>
|
| 462 |
</div>
|
487 |
</div>
|