Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4064 Rev 4093
Línea 5... Línea 5...
5 
import { BiShareAlt } from 'react-icons/bi'
 5 
import { BiShareAlt } from 'react-icons/bi'
6 
import { EmailIcon, EmailShareButton, FacebookIcon, FacebookShareButton, RedditIcon, RedditShareButton, TelegramIcon, TelegramShareButton, TwitterIcon, TwitterShareButton, WhatsappIcon, WhatsappShareButton } from 'react-share';
 6 
import { EmailIcon, EmailShareButton, FacebookIcon, FacebookShareButton, RedditIcon, RedditShareButton, TelegramIcon, TelegramShareButton, TwitterIcon, TwitterShareButton, WhatsappIcon, WhatsappShareButton } from 'react-share';
7 
import { addNotification } from '../../redux/notification/notification.actions'
 7 
import { addNotification } from '../../redux/notification/notification.actions'
8 
import { useDispatch } from 'react-redux'
 8 
import { useDispatch } from 'react-redux'
9 
import { axios } from '../../utils';
 9 
import { axios } from '../../utils';
- 
 
 10 
import HomeNews from '../components/home-section/HomeNews';
Línea 10... Línea 11...
10 
 
 11 
 
Línea 11... Línea 12...
11 
export default function PostView({ post = {} }) {
 12 
export default function PostView({ post = {} }) {
12 
 
 13 
 
Línea 31... Línea 32...
31 
    const shareContainer = useRef(null)
 32 
    const shareContainer = useRef(null)
32 
    const [shareOptions, setShareOptions] = useState(false)
 33 
    const [shareOptions, setShareOptions] = useState(false)
Línea 33... Línea 34...
33 
 
 34 
 
34 
    return (
 35 
    return (
35 
        <div className="container">
 - 
 
36 
            <div className='postContainer mx-auto col-md-8'>
 36 
        <div className="container">
37 
                <div className="row">
 37 
            <div className="row">
38 
                    <div className="col-md-7">
 38 
                <div className="col-12 col-md-8 peopleYouMayKnow">
39 
                        <div className="job_descp">
 39 
                    <div className="job_descp">
40 
                            <img
 40 
                        <img
41 
                                alt={post.title}
 41 
                            alt={post.title}
42 
                                src={baseUrl + post.image}
 42 
                            src={baseUrl + post.image}
43 
                                className="Entradas"
 - 
 
44 
                            />
 - 
 
45 
                        </div>
 - 
 
46 
                        <div className="job-status-bar">
 - 
 
47 
                            <ul className="reactions-list">
 - 
 
48 
                                <li className="position-relative">
 - 
 
49 
                                    <button
 - 
 
50 
                                        type="button"
 - 
 
51 
                                        className="btn-indicator"
 - 
 
52 
                                        onClick={() => setShareOptions(!shareOptions)}
 - 
 
53 
                                    >
 - 
 
54 
                                        <BiShareAlt />
 - 
 
55 
                                    </button>
 - 
 
56 
                                    {shareOptions &&
 - 
 
57 
                                        <div className="ext_share post" ref={shareContainer}>
 - 
 
58 
                                            <FacebookShareButton beforeOnClick={() => getShareUrl} url={shareUrl}>
 - 
 
59 
                                                <FacebookIcon size={32} round />
 - 
 
60 
                                            </FacebookShareButton>
 - 
 
61 
                                            <TwitterShareButton beforeOnClick={() => getShareUrl} url={shareUrl}>
 - 
 
62 
                                                <TwitterIcon size={32} round />
 - 
 
63 
                                            </TwitterShareButton>
 - 
 
64 
                                            <TelegramShareButton beforeOnClick={() => getShareUrl} url={shareUrl}>
 - 
 
65 
                                                <TelegramIcon size={32} round />
 - 
 
66 
                                            </TelegramShareButton>
 - 
 
67 
                                            <WhatsappShareButton beforeOnClick={() => getShareUrl} url={shareUrl}>
 - 
 
68 
                                                <WhatsappIcon size={32} round />
 - 
 
69 
                                            </WhatsappShareButton>
 - 
 
70 
                                            <RedditShareButton beforeOnClick={() => getShareUrl} url={shareUrl}>
 - 
 
71 
                                                <RedditIcon size={32} round />
 - 
 
72 
                                            </RedditShareButton>
 - 
 
73 
                                            <EmailShareButton beforeOnClick={() => getShareUrl} url={shareUrl}>
 - 
 
74 
                                                <EmailIcon size={32} round />
 - 
 
75 
                                            </EmailShareButton>
 - 
 
76 
                                        </div>
 - 
 
77 
                                    }
 - 
 
78 
                                </li>
 - 
 
79 
                            </ul>
 43 
                            className="Entradas"
80 
                        </div>
 44 
                        />
81 
                    </div>
 45 
                    </div>
82 
                    <div className="col-md-5">
 46 
                    <div className="job-status-bar">
83 
                        <div className="post_topbar" >
 47 
                        <ul className="reactions-list">
- 
 
 48 
                            <li className="position-relative">
- 
 
 49 
                                <button
84 
                            <div className="usy-dt">
 50 
                                    type="button"
- 
 
 51 
                                    className="btn-indicator"
- 
 
 52 
                                    onClick={() => setShareOptions(!shareOptions)}
85 
                                <div className="usy-name">
 53 
                                >
86 
                                    <h3>{post.title}</h3>
 54 
                                    <BiShareAlt />
- 
 
 55 
                                </button>
- 
 
 56 
                                {shareOptions &&
- 
 
 57 
                                    <div className="ext_share post" ref={shareContainer}>
- 
 
 58 
                                        <FacebookShareButton beforeOnClick={() => getShareUrl} url={shareUrl}>
- 
 
 59 
                                            <FacebookIcon size={32} round />
- 
 
 60 
                                        </FacebookShareButton>
87 
                                    <span>
 61 
                                        <TwitterShareButton beforeOnClick={() => getShareUrl} url={shareUrl}>
- 
 
 62 
                                            <TwitterIcon size={32} round />
- 
 
 63 
                                        </TwitterShareButton>
- 
 
 64 
                                        <TelegramShareButton beforeOnClick={() => getShareUrl} url={shareUrl}>
- 
 
 65 
                                            <TelegramIcon size={32} round />
- 
 
 66 
                                        </TelegramShareButton>
- 
 
 67 
                                        <WhatsappShareButton beforeOnClick={() => getShareUrl} url={shareUrl}>
- 
 
 68 
                                            <WhatsappIcon size={32} round />
- 
 
 69 
                                        </WhatsappShareButton>
- 
 
 70 
                                        <RedditShareButton beforeOnClick={() => getShareUrl} url={shareUrl}>
- 
 
 71 
                                            <RedditIcon size={32} round />
- 
 
 72 
                                        </RedditShareButton>
- 
 
 73 
                                        <EmailShareButton beforeOnClick={() => getShareUrl} url={shareUrl}>
- 
 
 74 
                                            <EmailIcon size={32} round />
88 
                                        {moment(post.date).format('DD-MM-YYYY')}
 75 
                                        </EmailShareButton>
89 
                                    </span>
 76 
                                    </div>
90 
                                </div>
 77 
                                }
91 
                            </div>
 78 
                            </li>
- 
 
 79 
                        </ul>
- 
 
 80 
                    </div>
92 
                        </div >
 81 
                    <div className="post_topbar" >
93 
                        <div className="job_descp">
 82 
                        <div className="usy-dt">
94 
                            <div className="show-read-more">
 83 
                            <div className="usy-name">
- 
 
 84 
                                <h3>{post.title}</h3>
- 
 
 85 
                                <span>
- 
 
 86 
                                    {moment(post.date).format('DD-MM-YYYY')}
95 
                                {parse(post.description)}
 87 
                                </span>
96 
                            </div>
 88 
                            </div>
- 
 
 89 
                        </div>
- 
 
 90 
                    </div >
- 
 
 91 
                    <div className="job_descp">
- 
 
 92 
                        <div className="show-read-more">
- 
 
 93 
                            {parse(post.description)}
97 
                        </div>
 94 
                        </div>
98 
                    </div>
 95 
                    </div>
- 
 
 96 
                </div>
- 
 
 97 
                <div className="col-12 col-md-4">
- 
 
 98 
                    <HomeNews />
99 
                </div>
 99 
                </div>
100 
            </div >
 100 
            </div>
101 
        </div>
 101 
        </div >
102 
    )
 102 
    )