Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5667 | Rev 5669 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5577 stevensc 1 
import React, { useState } from 'react'
2 
import RecommendIcon from '@mui/icons-material/Recommend'
3 
import FavoriteIcon from '@mui/icons-material/Favorite'
4 
import VolunteerActivismIcon from '@mui/icons-material/VolunteerActivism'
5574 stevensc 5 
 
5667 stevensc 6 
export const ReactionButton = () => {
5668 stevensc 7 
  const [settedReaction, setSettedReaction] = useState('r')
5667 stevensc 8 
 
9 
  const reactions = [
10 
    {
11 
      type: 'r',
5668 stevensc 12 
      icon: <RecommendIcon />,
5667 stevensc 13 
    },
14 
    {
15 
      type: 'f',
5668 stevensc 16 
      icon: <FavoriteIcon />,
5667 stevensc 17 
    },
18 
    {
19 
      type: 'v',
5668 stevensc 20 
      icon: <VolunteerActivismIcon />,
5667 stevensc 21 
    },
22 
  ]
23 
 
5577 stevensc 24 
  return (
5667 stevensc 25 
    <button type="button" className="reaction-btn">
5577 stevensc 26 
      <div className="reactions-list">
5667 stevensc 27 
        {reactions.map((reaction) => {
28 
          const { icon: Icon } = reaction
29 
 
30 
          return (
31 
            <button
32 
              key={reaction.type}
33 
              onClick={() => setSettedReaction(reaction)}
34 
            >
35 
              <Icon />
36 
            </button>
37 
          )
38 
        })}
5577 stevensc 39 
      </div>
5668 stevensc 40 
      {reactions.map((reaction) =>
41 
        reaction.type === settedReaction ? reaction.icon : null
42 
      )}
5577 stevensc 43 
    </button>
44 
  )
45 
}