Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5577 | Rev 5668 | 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 = () => {
7 
  const [settedReaction, setSettedReaction] = useState({
8 
    type: 'r',
9 
    icon: RecommendIcon,
10 
  })
11 
 
12 
  const { icon: ReactionIcon } = settedReaction
13 
 
14 
  const reactions = [
15 
    {
16 
      type: 'r',
17 
      icon: RecommendIcon,
18 
    },
19 
    {
20 
      type: 'f',
21 
      icon: FavoriteIcon,
22 
    },
23 
    {
24 
      type: 'v',
25 
      icon: VolunteerActivismIcon,
26 
    },
27 
  ]
28 
 
5577 stevensc 29 
  return (
5667 stevensc 30 
    <button type="button" className="reaction-btn">
5577 stevensc 31 
      <div className="reactions-list">
5667 stevensc 32 
        {reactions.map((reaction) => {
33 
          const { icon: Icon } = reaction
34 
 
35 
          return (
36 
            <button
37 
              key={reaction.type}
38 
              onClick={() => setSettedReaction(reaction)}
39 
            >
40 
              <Icon />
41 
            </button>
42 
          )
43 
        })}
5577 stevensc 44 
      </div>
5667 stevensc 45 
      <ReactionIcon />
5577 stevensc 46 
    </button>
47 
  )
48 
}