Rev 5574 | Rev 5668 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
import React, { useState } from 'react'
import RecommendIcon from '@mui/icons-material/Recommend'
import FavoriteIcon from '@mui/icons-material/Favorite'
import VolunteerActivismIcon from '@mui/icons-material/VolunteerActivism'
const withReaction = (Component, currentReaction) => {
const [reaction, setReaction] = useState(currentReaction)
return (
<>
<div className="reactions-list">
<RecommendIcon />
<FavoriteIcon />
<VolunteerActivismIcon />
</div>
<Component reaction />
</>
)
}
const LikeButton = ({ currentReactions, isLiked }) => {
return (
<button
type="button"
id={feedIsLiked ? `btn-unlike-${feed_unique}` : `btn-like-${feed_unique}`}
className={feedIsLiked ? 'btn-unlike' : 'btn-like'}
onClick={() => likeHandler(feedIsLiked ? feed_unlike_url : feed_like_url)}
>
{isLiked ? (
<i className="mr-1 fa fa-heart" />
) : (
<i className="mr-1 fa fa-heart-o" />
)}
{currentReactions}
</button>
)
}
export default withReaction