Proyectos de Subversion LeadersLinked - Antes de SPA

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