Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5817 | Rev 5853 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5817 Rev 5818
Línea 46... Línea 46...
46 
        color: '#FF7F50',
 46 
        color: '#FF7F50',
47 
        label: 'Me divierte',
 47 
        label: 'Me divierte',
48 
      },
 48 
      },
49 
    ]
 49 
    ]
Línea 50... Línea -...
50 
 
 - 
 
51 
    const selectReactionHandler = (reaction) => {
 - 
 
52 
      onSelect(reaction.type)
 - 
 
53 
      setSettedReaction(reaction)
 - 
 
54 
    }
 - 
 
55 
 
 - 
 
56 
    const deleteReactionHandler = () => {
 - 
 
57 
      onDelete()
 - 
 
58 
      setSettedReaction('')
 - 
 
59 
    }
 - 
 
60 
 
 50 
 
Línea 61... Línea 51...
61 
    const onHover = debounce(() => setShowReactions(true), 500)
 51 
    const onHover = debounce(() => setShowReactions(true), 500)
Línea 62... Línea 52...
62 
 
 52 
 
Línea 80... Línea 70...
80 
        ref={rectionBtn}
 70 
        ref={rectionBtn}
81 
        Icon={settedReaction ? settedReaction.icon : RecommendIcon}
 71 
        Icon={settedReaction ? settedReaction.icon : RecommendIcon}
82 
        color={settedReaction ? settedReaction.color : '#626d7a'}
 72 
        color={settedReaction ? settedReaction.color : '#626d7a'}
83 
        title={settedReaction ? settedReaction.label : 'Reaccionar'}
 73 
        title={settedReaction ? settedReaction.label : 'Reaccionar'}
84 
        onClick={() => {
 74 
        onClick={() => {
85 
          settedReaction
 - 
 
86 
            ? deleteReactionHandler()
 - 
 
87 
            : selectReactionHandler(reactionsOptions[0].type)
 75 
          settedReaction ? onDelete() : onSelect(reactionsOptions[0].type)
88 
        }}
 76 
        }}
89 
      >
 77 
      >
90 
        <div className={`reactions ${showReactions ? 'active' : ''}`}>
 78 
        <div className={`reactions ${showReactions ? 'active' : ''}`}>
91 
          {reactionsOptions.map((reaction) => {
 79 
          {reactionsOptions.map((reaction) => {
92 
            const { icon: Icon, color, type, label } = reaction
 80 
            const { icon: Icon, color, type, label } = reaction
93 
            return (
 81 
            return (
94 
              <button
 82 
              <button
95 
                key={type}
 83 
                key={type}
96 
                onClick={(e) => {
 84 
                onClick={(e) => {
97 
                  e.stopPropagation()
 85 
                  e.stopPropagation()
98 
                  selectReactionHandler(reaction)
 86 
                  onSelect(type)
99 
                }}
 87 
                }}
100 
                title={label}
 88 
                title={label}
101 
              >
 89 
              >
102 
                <Icon style={{ color }} />
 90 
                <Icon style={{ color }} />
103 
              </button>
 91 
              </button>