Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3757 | Rev 3761 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3361 stevensc 1 
/* eslint-disable react/prop-types */
2 
import React, { useState } from 'react'
1 www 3 
import parse from "html-react-parser";
4 
import moment from 'moment'
3363 stevensc 5 
import { BiShareAlt } from 'react-icons/bi'
3470 stevensc 6 
import { EmailIcon, EmailShareButton, FacebookIcon, FacebookShareButton, RedditIcon, RedditShareButton, TelegramIcon, TelegramShareButton, TwitterIcon, TwitterShareButton, WhatsappIcon, WhatsappShareButton } from 'react-share';
3361 stevensc 7 
import { useRef } from 'react';
8 
 
9 
export default function PostView({ post = {} }) {
10 
 
1 www 11 
    const baseUrl = `/storage/type/post/code/${post.uuid}/filename/`
3361 stevensc 12 
    const shareContainer = useRef(null)
13 
    const [shareOptions, setShareOptions] = useState(false)
14 
 
1 www 15 
    return (
3760 stevensc 16 
        <div className="container">
17 
            <div className='postContainer mx-auto col-5'>
18 
                <div className="post_topbar" >
19 
                    <div className="usy-dt">
20 
                        <div className="usy-name">
21 
                            <h3>{post.title}</h3>
22 
                            <span>
23 
                                {moment(post.date).format('DD-MM-YYYY')}
24 
                            </span>
25 
                        </div>
1 www 26 
                    </div>
3760 stevensc 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"
36 
                    />
1 www 37 
                </div>
3760 stevensc 38 
                <div className="job-status-bar">
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>
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>
72 
                    </ul>
73 
                </div>
3757 stevensc 74 
            </div >
3760 stevensc 75 
        </div>
1 www 76 
    )
77 
}