Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3757 Rev 3760
Línea 11... Línea 11...
11 
    const baseUrl = `/storage/type/post/code/${post.uuid}/filename/`
 11 
    const baseUrl = `/storage/type/post/code/${post.uuid}/filename/`
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='postContainer'>
 17 
            <div className='postContainer mx-auto col-5'>
17 
            <div className="post_topbar" >
 18 
                <div className="post_topbar" >
18 
                <div className="usy-dt">
 19 
                    <div className="usy-dt">
19 
                    <div className="usy-name">
 20 
                        <div className="usy-name">
20 
                        <h3>{post.title}</h3>
 21 
                            <h3>{post.title}</h3>
21 
                        <span>
 22 
                            <span>
22 
                            {moment(post.date).format('DD-MM-YYYY')}
 23 
                                {moment(post.date).format('DD-MM-YYYY')}
- 
 
 24 
                            </span>
23 
                        </span>
 25 
                        </div>
- 
 
 26 
                    </div>
- 
 
 27 
                </div >
- 
 
 28 
                <div className="job_descp">
- 
 
 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"
24 
                    </div>
 36 
                    />
25 
                </div>
 37 
                </div>
26 
            </div >
 38 
                <div className="job-status-bar">
27 
            <div className="job_descp">
 39 
                    <ul className="reactions-list">
- 
 
 40 
                        <li className="position-relative">
- 
 
 41 
                            <button
- 
 
 42 
                                type="button"
- 
 
 43 
                                className="btn-indicator"
- 
 
 44 
                                onClick={() => setShareOptions(!shareOptions)}
- 
 
 45 
                            >
- 
 
 46 
                                <BiShareAlt />
- 
 
 47 
                            </button>
28 
                <div className="show-read-more">
 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 />
- 
 
 59 
                                    </TelegramShareButton>
- 
 
 60 
                                    <WhatsappShareButton url={post.share_external_url}>
- 
 
 61 
                                        <WhatsappIcon size={32} round />
- 
 
 62 
                                    </WhatsappShareButton>
- 
 
 63 
                                    <RedditShareButton url={post.share_external_url}>
- 
 
 64 
                                        <RedditIcon size={32} round />
- 
 
 65 
                                    </RedditShareButton>
- 
 
 66 
                                    <EmailShareButton url={post.share_external_url}>
- 
 
 67 
                                        <EmailIcon size={32} round />
- 
 
 68 
                                    </EmailShareButton>
- 
 
 69 
                                </div>
- 
 
 70 
                            }
- 
 
 71 
                        </li>
29 
                    {parse(post.description)}
 72 
                    </ul>
30 
                </div>
 - 
 
31 
                <img
 - 
 
32 
                    alt={post.title}
 - 
 
33 
                    src={baseUrl + post.image}
 - 
 
34 
                    className="Entradas"
 - 
 
35 
                />
 - 
 
36 
            </div>
 - 
 
37 
            <div className="job-status-bar">
 - 
 
38 
                <ul className="reactions-list">
 - 
 
39 
                    <li className="position-relative">
 - 
 
40 
                        <button
 - 
 
41 
                            type="button"
 - 
 
42 
                            className="btn-indicator"
 - 
 
43 
                            onClick={() => setShareOptions(!shareOptions)}
 - 
 
44 
                        >
 - 
 
45 
                            <BiShareAlt />
 - 
 
46 
                        </button>
 - 
 
47 
                        {
 - 
 
48 
                            shareOptions &&
 - 
 
49 
                            <div className="ext_share" ref={shareContainer}>
 - 
 
50 
                                <FacebookShareButton url={post.share_external_url}>
 - 
 
51 
                                    <FacebookIcon size={32} round />
 - 
 
52 
                                </FacebookShareButton>
 - 
 
53 
                                <TwitterShareButton url={post.share_external_url}>
 - 
 
54 
                                    <TwitterIcon size={32} round />
 - 
 
55 
                                </TwitterShareButton>
 - 
 
56 
                                <TelegramShareButton url={post.share_external_url}>
 - 
 
57 
                                    <TelegramIcon size={32} round />
 - 
 
58 
                                </TelegramShareButton>
 - 
 
59 
                                <WhatsappShareButton url={post.share_external_url}>
 - 
 
60 
                                    <WhatsappIcon size={32} round />
 - 
 
61 
                                </WhatsappShareButton>
 - 
 
62 
                                <RedditShareButton url={post.share_external_url}>
 - 
 
63 
                                    <RedditIcon size={32} round />
 - 
 
64 
                                </RedditShareButton>
 - 
 
65 
                                <EmailShareButton url={post.share_external_url}>
 - 
 
66 
                                    <EmailIcon size={32} round />
 - 
 
67 
                                </EmailShareButton>
 - 
 
68 
                            </div>
 - 
 
69 
                        }
 - 
 
70 
                    </li>
 - 
 
71 
                </ul>
 73 
                </div>
72 
            </div>
 74 
            </div >
73 
        </div >
 75 
        </div>
74 
    )
 76 
    )