Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3363 Rev 3384
Línea 40... Línea 40...
40
                        </div>
40
                        </div>
41
                    </div>
41
                    </div>
42
                    <button
42
                    <button
43
                        className="btn p-0 position-absolute"
43
                        className="btn p-0 position-absolute"
44
                        onClick={() => setShareOptions(!shareOptions)}
44
                        onClick={() => setShareOptions(!shareOptions)}
45
                        style={{ right: '1rem', top: '0' }}
45
                        style={{ right: '1rem', top: '0', fontSize: '1.5rem' }}
46
                    >
46
                    >
47
                        <BiShareAlt />
47
                        <BiShareAlt />
48
                    </button>
48
                    </button>
49
                    {
49
                    {
50
                        shareOptions &&
50
                        shareOptions &&
51
                        <div className="ext_share post" ref={shareContainer}>
51
                        <div className="ext_share post" ref={shareContainer}>
52
                            <FacebookShareButton url={`${window.location.hostname}${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={`${window.location.hostname}${post.share_external_url}`}>
55
                            <FacebookMessengerShareButton url={post.share_external_url}>
56
                                <FacebookMessengerIcon size={32} round />
56
                                <FacebookMessengerIcon size={32} round />
57
                            </FacebookMessengerShareButton>
57
                            </FacebookMessengerShareButton>
58
                            <TwitterShareButton url={`${window.location.hostname}${post.share_external_url}`}>
58
                            <TwitterShareButton url={post.share_external_url}>
59
                                <TwitterIcon size={32} round />
59
                                <TwitterIcon size={32} round />
60
                            </TwitterShareButton>
60
                            </TwitterShareButton>
61
                            <TelegramShareButton url={`${window.location.hostname}${post.share_external_url}`}>
61
                            <TelegramShareButton url={post.share_external_url}>
62
                                <TelegramIcon size={32} round />
62
                                <TelegramIcon size={32} round />
63
                            </TelegramShareButton>
63
                            </TelegramShareButton>
64
                            <WhatsappShareButton url={`${window.location.hostname}${post.share_external_url}`}>
64
                            <WhatsappShareButton url={post.share_external_url}>
65
                                <WhatsappIcon size={32} round />
65
                                <WhatsappIcon size={32} round />
66
                            </WhatsappShareButton>
66
                            </WhatsappShareButton>
67
                            <PinterestShareButton url={`${window.location.hostname}${post.share_external_url}`}>
67
                            <PinterestShareButton url={post.share_external_url}>
68
                                <PinterestIcon size={32} round />
68
                                <PinterestIcon size={32} round />
69
                            </PinterestShareButton>
69
                            </PinterestShareButton>
70
                            <RedditShareButton url={`${window.location.hostname}${post.share_external_url}`}>
70
                            <RedditShareButton url={post.share_external_url}>
71
                                <RedditIcon size={32} round />
71
                                <RedditIcon size={32} round />
72
                            </RedditShareButton>
72
                            </RedditShareButton>
73
                            <TumblrShareButton url={`${window.location.hostname}${post.share_external_url}`}>
73
                            <TumblrShareButton url={post.share_external_url}>
74
                                <TumblrIcon size={32} round />
74
                                <TumblrIcon size={32} round />
75
                            </TumblrShareButton>
75
                            </TumblrShareButton>
76
                            <WorkplaceShareButton url={`${window.location.hostname}${post.share_external_url}`}>
76
                            <WorkplaceShareButton url={post.share_external_url}>
77
                                <WorkplaceIcon size={32} round />
77
                                <WorkplaceIcon size={32} round />
78
                            </WorkplaceShareButton>
78
                            </WorkplaceShareButton>
79
                            <EmailShareButton url={`${window.location.hostname}${post.share_external_url}`}>
79
                            <EmailShareButton url={post.share_external_url}>
80
                                <EmailIcon size={32} round />
80
                                <EmailIcon size={32} round />
81
                            </EmailShareButton>
81
                            </EmailShareButton>
82
                        </div>
82
                        </div>
83
                    }
83
                    }
84
                </div>
84
                </div>