| Línea 1... |
Línea 1... |
| 1 |
/* eslint-disable react/display-name */
|
1 |
/* eslint-disable react/display-name */
|
| 2 |
import React, { useState } from "react"
|
2 |
import React, { useEffect, useState } from "react"
|
| 3 |
import { useDispatch } from "react-redux"
|
3 |
import { useDispatch } from "react-redux"
|
| 4 |
import { EmailIcon, EmailShareButton, FacebookIcon, FacebookShareButton, RedditIcon, RedditShareButton, TelegramIcon, TelegramShareButton, TwitterIcon, TwitterShareButton, WhatsappIcon, WhatsappShareButton } from "react-share"
|
4 |
import { EmailIcon, EmailShareButton, FacebookIcon, FacebookShareButton, RedditIcon, RedditShareButton, TelegramIcon, TelegramShareButton, TwitterIcon, TwitterShareButton, WhatsappIcon, WhatsappShareButton } from "react-share"
|
| 5 |
import { addNotification } from "../../../../redux/notification/notification.actions"
|
5 |
import { addNotification } from "../../../../redux/notification/notification.actions"
|
| 6 |
import { axios } from "../../../../utils"
|
6 |
import { axios } from "../../../../utils"
|
| Línea 7... |
Línea 7... |
| 7 |
|
7 |
|
| 8 |
export default function withExternalShare(Component, url, params) {
|
8 |
export default function withExternalShare(Component, url, params, countUrl, setValue) {
|
| 9 |
return function () {
|
9 |
return function () {
|
| 10 |
const dispatch = useDispatch()
|
10 |
const dispatch = useDispatch()
|
| 11 |
const [shareOptions, setShareOptions] = useState(false)
|
11 |
const [shareOptions, setShareOptions] = useState(false)
|
| Línea 12... |
Línea 12... |
| 12 |
const [shareUrl, setShareUrl] = useState('');
|
12 |
const [shareUrl, setShareUrl] = useState('');
|
| Línea 13... |
Línea 13... |
| 13 |
|
13 |
|
| 14 |
const handleDisplayReactionList = () => setShareOptions(!shareOptions)
|
14 |
const handleDisplayReactionList = () => setShareOptions(!shareOptions)
|
| 15 |
|
15 |
|
| 16 |
async function getShareUrl() {
|
16 |
const getShareUrl = async () => {
|
| 17 |
await axios.get(url)
|
17 |
await axios.get(url)
|
| 18 |
.then(({ data }) => {
|
18 |
.then(({ data }) => {
|
| Línea 25... |
Línea 25... |
| 25 |
setShareUrl(data.data)
|
25 |
setShareUrl(data.data)
|
| 26 |
})
|
26 |
})
|
| 27 |
.catch((err) => console.log(err))
|
27 |
.catch((err) => console.log(err))
|
| 28 |
}
|
28 |
}
|
| Línea 29... |
Línea 29... |
| 29 |
|
29 |
|
| - |
|
30 |
const incrementCount = async () => {
|
| - |
|
31 |
await axios.post(countUrl)
|
| - |
|
32 |
.then(({ data }) => {
|
| - |
|
33 |
if (!data.success) {
|
| - |
|
34 |
dispatch(addNotification({ style: 'danger', msg: data.data }))
|
| - |
|
35 |
return
|
| - |
|
36 |
}
|
| - |
|
37 |
|
| - |
|
38 |
setShareOptions(false)
|
| - |
|
39 |
setValue(data.data)
|
| - |
|
40 |
})
|
| - |
|
41 |
.catch((err) => console.log(err))
|
| Línea -... |
Línea 42... |
| - |
|
42 |
}
|
| 30 |
const promise = getShareUrl()
|
43 |
|
| - |
|
44 |
useEffect(() => {
|
| Línea 31... |
Línea 45... |
| 31 |
|
45 |
if (!shareOptions && !shareUrl) getShareUrl()
|
| 32 |
const handleClose = () => alert('Counter: 1')
|
46 |
}, [setShareOptions])
|
| 33 |
|
47 |
|
| 34 |
return (
|
48 |
return (
|
| 35 |
<div className="position-relative d-inline-flex" onClick={handleDisplayReactionList} style={{ flexGrow: 1 }}>
|
49 |
<div className="position-relative d-inline-flex" onClick={handleDisplayReactionList} style={{ flexGrow: 1 }}>
|
| 36 |
<Component {...params} />
|
50 |
<Component {...params} />
|
| 37 |
{shareOptions &&
|
51 |
{shareOptions &&
|
| 38 |
<div className="external__share" >
|
52 |
<div className="external__share" >
|
| 39 |
<FacebookShareButton beforeOnClick={()=> promise} url={shareUrl} onShareWindowClose={handleClose}>
|
53 |
<FacebookShareButton url={shareUrl} onShareWindowClose={() => incrementCount()}>
|
| 40 |
<FacebookIcon size={32} round />
|
54 |
<FacebookIcon size={32} round />
|
| 41 |
</FacebookShareButton>
|
55 |
</FacebookShareButton>
|
| 42 |
<TwitterShareButton beforeOnClick={getShareUrl} url={shareUrl}>
|
56 |
<TwitterShareButton url={shareUrl} onShareWindowClose={() => incrementCount()}>
|
| 43 |
<TwitterIcon size={32} round />
|
57 |
<TwitterIcon size={32} round />
|
| 44 |
</TwitterShareButton>
|
58 |
</TwitterShareButton>
|
| 45 |
<TelegramShareButton beforeOnClick={getShareUrl} url={shareUrl}>
|
59 |
<TelegramShareButton url={shareUrl} onShareWindowClose={() => incrementCount()}>
|
| 46 |
<TelegramIcon size={32} round />
|
60 |
<TelegramIcon size={32} round />
|
| 47 |
</TelegramShareButton>
|
61 |
</TelegramShareButton>
|
| 48 |
<WhatsappShareButton beforeOnClick={getShareUrl} url={shareUrl}>
|
62 |
<WhatsappShareButton url={shareUrl} onShareWindowClose={() => incrementCount()}>
|
| 49 |
<WhatsappIcon size={32} round />
|
63 |
<WhatsappIcon size={32} round />
|
| 50 |
</WhatsappShareButton>
|
64 |
</WhatsappShareButton>
|
| 51 |
<RedditShareButton beforeOnClick={getShareUrl} url={shareUrl}>
|
65 |
<RedditShareButton url={shareUrl} onShareWindowClose={() => incrementCount()}>
|
| 52 |
<RedditIcon size={32} round />
|
66 |
<RedditIcon size={32} round />
|
| 53 |
</RedditShareButton>
|
67 |
</RedditShareButton>
|
| 54 |
<EmailShareButton beforeOnClick={getShareUrl} url={shareUrl}>
|
68 |
<EmailShareButton url={shareUrl} onShareWindowClose={() => incrementCount()}>
|
| 55 |
<EmailIcon size={32} round />
|
69 |
<EmailIcon size={32} round />
|
| 56 |
</EmailShareButton>
|
70 |
</EmailShareButton>
|