| Línea 1... |
Línea -... |
| 1 |
/* eslint-disable react/display-name */
|
- |
|
| 2 |
import React, { useEffect, useRef, useState } from 'react'
|
1 |
import React, { useEffect, useRef, useState } from 'react'
|
| 3 |
import RecommendIcon from './reactions/Recommned'
|
2 |
import RecommendIcon from './reactions/Recommned'
|
| 4 |
import FavoriteIcon from './reactions/LoveIt'
|
3 |
import FavoriteIcon from './reactions/LoveIt'
|
| 5 |
import VolunteerActivismIcon from './reactions/Support'
|
4 |
import VolunteerActivismIcon from './reactions/Support'
|
| 6 |
import EmojiEmotionsIcon from './reactions/Fun'
|
5 |
import EmojiEmotionsIcon from './reactions/Fun'
|
| Línea 11... |
Línea 10... |
| 11 |
|
10 |
|
| 12 |
const withReactions = (
|
11 |
const withReactions = (
|
| 13 |
Component,
|
12 |
Component,
|
| 14 |
{ onSelect, onDelete, myReaction, withTitle = false }
|
13 |
{ onSelect, onDelete, myReaction, withTitle = false }
|
| 15 |
) => {
|
14 |
) => {
|
| 16 |
return () => {
|
15 |
return function HOC() {
|
| 17 |
const [settedReaction, setSettedReaction] = useState(null)
|
16 |
const [settedReaction, setSettedReaction] = useState(null)
|
| 18 |
const [showReactions, setShowReactions] = useState(false)
|
17 |
const [showReactions, setShowReactions] = useState(false)
|
| 19 |
const rectionBtn = useRef(null)
|
18 |
const rectionBtn = useRef(null)
|