Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/display-name */

import React, { useState } from "react"

import { useDispatch } from "react-redux"

import { EmailIcon, EmailShareButton, FacebookIcon, FacebookShareButton, RedditIcon, RedditShareButton, TelegramIcon, TelegramShareButton, TwitterIcon, TwitterShareButton, WhatsappIcon, WhatsappShareButton } from "react-share"

import { addNotification } from "../../../../redux/notification/notification.actions"

import { axios } from "../../../../utils"

export default function withExternalShare(Component, url, params) {

    return function () {

        const dispatch = useDispatch()

        const [shareOptions, setShareOptions] = useState(false)

        const [shareUrl, setShareUrl] = useState('');

        const handleDisplayReactionList = () => setShareOptions(!shareOptions)

        async function getShareUrl() {

            await axios.get(url)

                .then(({ data }) => {

                    if (!data.success) {

                        dispatch(addNotification({ style: 'danger', msg: data.data }))

                        setShareOptions(false)

                        return

                    }

                    setShareUrl(data.data)

                })

                .catch((err) => console.log(err))

        }

        const promise = getShareUrl()

        const handleClose = () => alert('Counter: 1')

        return (

            <div className="position-relative d-inline-flex" onClick={handleDisplayReactionList} style={{ flexGrow: 1 }}>

                <Component {...params} />

                {shareOptions &&

                    <div className="external__share" >

                        <FacebookShareButton beforeOnClick={()=> promise} url={shareUrl} onShareWindowClose={handleClose}>

                            <FacebookIcon size={32} round />

                        </FacebookShareButton>

                        <TwitterShareButton beforeOnClick={getShareUrl} url={shareUrl}>

                            <TwitterIcon size={32} round />

                        </TwitterShareButton>

                        <TelegramShareButton beforeOnClick={getShareUrl} url={shareUrl}>

                            <TelegramIcon size={32} round />

                        </TelegramShareButton>

                        <WhatsappShareButton beforeOnClick={getShareUrl} url={shareUrl}>

                            <WhatsappIcon size={32} round />

                        </WhatsappShareButton>

                        <RedditShareButton beforeOnClick={getShareUrl} url={shareUrl}>

                            <RedditIcon size={32} round />

                        </RedditShareButton>

                        <EmailShareButton beforeOnClick={getShareUrl} url={shareUrl}>

                            <EmailIcon size={32} round />

                        </EmailShareButton>

                    </div>

                }

            </div>

        )

    }

}