Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3760 Rev 3761
Línea 12... Línea 12...
12 
    const shareContainer = useRef(null)
 12 
    const shareContainer = useRef(null)
13 
    const [shareOptions, setShareOptions] = useState(false)
 13 
    const [shareOptions, setShareOptions] = useState(false)
Línea 14... Línea 14...
14 
 
 14 
 
15 
    return (
 15 
    return (
16 
        <div className="container">
 16 
        <div className="container">
17 
            <div className='postContainer mx-auto col-5'>
 17 
            <div className='postContainer mx-auto col-8'>
18 
                <div className="post_topbar" >
 18 
                <div className="row">
19 
                    <div className="usy-dt">
 19 
                    <div className="col-md-7">
- 
 
 20 
                        <div className="job_descp">
20 
                        <div className="usy-name">
 21 
                            <img
- 
 
 22 
                                alt={post.title}
- 
 
 23 
                                src={baseUrl + post.image}
21 
                            <h3>{post.title}</h3>
 24 
                                className="Entradas"
- 
 
 25 
                            />
- 
 
 26 
                        </div>
- 
 
 27 
                        <div className="job-status-bar">
22 
                            <span>
 28 
                            <ul className="reactions-list">
- 
 
 29 
                                <li className="position-relative">
- 
 
 30 
                                    <button
- 
 
 31 
                                        type="button"
- 
 
 32 
                                        className="btn-indicator"
- 
 
 33 
                                        onClick={() => setShareOptions(!shareOptions)}
- 
 
 34 
                                    >
- 
 
 35 
                                        <BiShareAlt />
- 
 
 36 
                                    </button>
- 
 
 37 
                                    {
- 
 
 38 
                                        shareOptions &&
- 
 
 39 
                                        <div className="ext_share" ref={shareContainer}>
- 
 
 40 
                                            <FacebookShareButton url={post.share_external_url}>
- 
 
 41 
                                                <FacebookIcon size={32} round />
- 
 
 42 
                                            </FacebookShareButton>
- 
 
 43 
                                            <TwitterShareButton url={post.share_external_url}>
- 
 
 44 
                                                <TwitterIcon size={32} round />
- 
 
 45 
                                            </TwitterShareButton>
- 
 
 46 
                                            <TelegramShareButton url={post.share_external_url}>
- 
 
 47 
                                                <TelegramIcon size={32} round />
- 
 
 48 
                                            </TelegramShareButton>
- 
 
 49 
                                            <WhatsappShareButton url={post.share_external_url}>
- 
 
 50 
                                                <WhatsappIcon size={32} round />
- 
 
 51 
                                            </WhatsappShareButton>
- 
 
 52 
                                            <RedditShareButton url={post.share_external_url}>
- 
 
 53 
                                                <RedditIcon size={32} round />
- 
 
 54 
                                            </RedditShareButton>
- 
 
 55 
                                            <EmailShareButton url={post.share_external_url}>
- 
 
 56 
                                                <EmailIcon size={32} round />
- 
 
 57 
                                            </EmailShareButton>
- 
 
 58 
                                        </div>
- 
 
 59 
                                    }
23 
                                {moment(post.date).format('DD-MM-YYYY')}
 60 
                                </li>
24 
                            </span>
 61 
                            </ul>
25 
                        </div>
 62 
                        </div>
26 
                    </div>
 - 
 
27 
                </div >
 - 
 
28 
                <div className="job_descp">
 63 
                    </div>
29 
                    <div className="show-read-more">
 - 
 
30 
                        {parse(post.description)}
 - 
 
31 
                    </div>
 - 
 
32 
                    <img
 - 
 
33 
                        alt={post.title}
 - 
 
34 
                        src={baseUrl + post.image}
 - 
 
35 
                        className="Entradas"
 - 
 
36 
                    />
 - 
 
37 
                </div>
 - 
 
38 
                <div className="job-status-bar">
 - 
 
39 
                    <ul className="reactions-list">
 64 
                    <div className="col-md-5">
40 
                        <li className="position-relative">
 - 
 
41 
                            <button
 65 
                        <div className="post_topbar" >
42 
                                type="button"
 66 
                            <div className="usy-dt">
43 
                                className="btn-indicator"
 - 
 
44 
                                onClick={() => setShareOptions(!shareOptions)}
 - 
 
45 
                            >
 - 
 
46 
                                <BiShareAlt />
 - 
 
47 
                            </button>
 - 
 
48 
                            {
 - 
 
49 
                                shareOptions &&
 - 
 
50 
                                <div className="ext_share" ref={shareContainer}>
 - 
 
51 
                                    <FacebookShareButton url={post.share_external_url}>
 - 
 
52 
                                        <FacebookIcon size={32} round />
 - 
 
53 
                                    </FacebookShareButton>
 - 
 
54 
                                    <TwitterShareButton url={post.share_external_url}>
 - 
 
55 
                                        <TwitterIcon size={32} round />
 - 
 
56 
                                    </TwitterShareButton>
 - 
 
57 
                                    <TelegramShareButton url={post.share_external_url}>
 - 
 
58 
                                        <TelegramIcon size={32} round />
 67 
                                <div className="usy-name">
59 
                                    </TelegramShareButton>
 - 
 
60 
                                    <WhatsappShareButton url={post.share_external_url}>
 - 
 
61 
                                        <WhatsappIcon size={32} round />
 68 
                                    <h3>{post.title}</h3>
62 
                                    </WhatsappShareButton>
 - 
 
63 
                                    <RedditShareButton url={post.share_external_url}>
 69 
                                    <span>
64 
                                        <RedditIcon size={32} round />
 - 
 
65 
                                    </RedditShareButton>
 - 
 
66 
                                    <EmailShareButton url={post.share_external_url}>
 - 
 
67 
                                        <EmailIcon size={32} round />
 70 
                                        {moment(post.date).format('DD-MM-YYYY')}
68 
                                    </EmailShareButton>
 71 
                                    </span>
69 
                                </div>
 72 
                                </div>
- 
 
 73 
                            </div>
- 
 
 74 
                        </div >
- 
 
 75 
                        <div className="job_descp">
- 
 
 76 
                            <div className="show-read-more">
- 
 
 77 
                                {parse(post.description)}
70 
                            }
 78 
                            </div>
71 
                        </li>
 79 
                        </div>
72 
                    </ul>
 80 
                    </div>
73 
                </div>
 81 
                </div>
74 
            </div >
 82 
            </div >
75 
        </div>
 83 
        </div>
76 
    )
 84 
    )