Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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