Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3361 | Rev 3384 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3361 Rev 3363
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 { BiDotsVerticalRounded } 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, FacebookMessengerIcon, FacebookMessengerShareButton, FacebookShareButton, PinterestIcon, PinterestShareButton, RedditIcon, RedditShareButton, TelegramIcon, TelegramShareButton, TumblrIcon, TumblrShareButton, TwitterIcon, TwitterShareButton, WhatsappIcon, WhatsappShareButton, WorkplaceIcon, WorkplaceShareButton } from 'react-share';
7
import { useRef } from 'react';
7
import { useRef } from 'react';
Línea 8... Línea 8...
8
 
8
 
Línea 38... Línea 38...
38
                                </a>
38
                                </a>
39
                            }
39
                            }
40
                        </div>
40
                        </div>
41
                    </div>
41
                    </div>
42
                    <button
42
                    <button
43
                        className="btn p-0"
43
                        className="btn p-0 position-absolute"
44
                        onClick={() => setShareOptions(!shareOptions)}
44
                        onClick={() => setShareOptions(!shareOptions)}
45
                        style={{ right: '0', top: '0' }}
45
                        style={{ right: '1rem', top: '0' }}
46
                    >
46
                    >
47
                        <BiDotsVerticalRounded />
47
                        <BiShareAlt />
48
                    </button>
48
                    </button>
49
                    {
49
                    {
50
                        shareOptions &&
50
                        shareOptions &&
51
                        <div className="ext_share" ref={shareContainer}>
51
                        <div className="ext_share post" ref={shareContainer}>
52
                            <FacebookShareButton url={`${window.location.hostname}${post.share_external_url}`}>
52
                            <FacebookShareButton url={`${window.location.hostname}${post.share_external_url}`}>
53
                                <FacebookIcon size={32} round />
53
                                <FacebookIcon size={32} round />
54
                            </FacebookShareButton>
54
                            </FacebookShareButton>
55
                            <FacebookMessengerShareButton url={`${window.location.hostname}${post.share_external_url}`}>
55
                            <FacebookMessengerShareButton url={`${window.location.hostname}${post.share_external_url}`}>
56
                                <FacebookMessengerIcon size={32} round />
56
                                <FacebookMessengerIcon size={32} round />