Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React, { useState } from 'react'
import parse from "html-react-parser";
import moment from 'moment'
import { BiShareAlt } from 'react-icons/bi'
import { EmailIcon, EmailShareButton, FacebookIcon, FacebookShareButton, RedditIcon, RedditShareButton, TelegramIcon, TelegramShareButton, TwitterIcon, TwitterShareButton, WhatsappIcon, WhatsappShareButton } from 'react-share';
import { useRef } from 'react';

export default function PostView({ post = {} }) {

    const baseUrl = `/storage/type/post/code/${post.uuid}/filename/`
    const shareContainer = useRef(null)
    const [shareOptions, setShareOptions] = useState(false)

    return (
        <div className='postContainer'>
            <div className="post_topbar" >
                <div className="usy-dt">
                    <div className="usy-name">
                        <h3>{post.title}</h3>
                        <span>
                            {moment(post.date).format('DD-MM-YYYY')}
                        </span>
                    </div>
                </div>
            </div >
            <div className="job_descp">
                <div className="show-read-more">
                    {parse(post.description)}
                </div>
                <img
                    alt={post.title}
                    src={baseUrl + post.image}
                    className="Entradas"
                />
            </div>
            <div className="job-status-bar">
                <ul className="reactions-list">
                    <li className="position-relative">
                        <button
                            type="button"
                            className="btn-indicator"
                            onClick={() => setShareOptions(!shareOptions)}
                        >
                            <BiShareAlt />
                        </button>
                        {
                            shareOptions &&
                            <div className="ext_share" ref={shareContainer}>
                                <FacebookShareButton url={post.share_external_url}>
                                    <FacebookIcon size={32} round />
                                </FacebookShareButton>
                                <TwitterShareButton url={post.share_external_url}>
                                    <TwitterIcon size={32} round />
                                </TwitterShareButton>
                                <TelegramShareButton url={post.share_external_url}>
                                    <TelegramIcon size={32} round />
                                </TelegramShareButton>
                                <WhatsappShareButton url={post.share_external_url}>
                                    <WhatsappIcon size={32} round />
                                </WhatsappShareButton>
                                <RedditShareButton url={post.share_external_url}>
                                    <RedditIcon size={32} round />
                                </RedditShareButton>
                                <EmailShareButton url={post.share_external_url}>
                                    <EmailIcon size={32} round />
                                </EmailShareButton>
                            </div>
                        }
                    </li>
                </ul>
            </div>
        </div >
    )
}