Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */

/* 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 withReactionList(Component, url, props) {

    return function () {

        const dispatch = useDispatch()

        const [shareOptions, setShareOptions] = useState(false)

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

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

        const getShareUrl = new Promise((resolve, reject) => {

            if (shareOptions) {

                axios.get(url)

                    .then(({ data }) => {

                        if (!data.success) {

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

                            setShareOptions(false)

                            return reject(data.data)

                        }

                        setShareUrl(data.data)

                        return resolve(data.data)

                    })

                    .catch((err) => reject(err))

            }

        });

        return (

            <div className="position-relative" onClick={handleDisplayReactionList}>

                <Component Icon={props.icon} title={props.title} color={props.color} />

                {shareOptions &&

                    <div className="ext_share" >

                        <FacebookShareButton beforeOnClick={() => getShareUrl} url={shareUrl}>

                            <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>

        )

    }

}