Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5816 Rev 5817
Línea 69... Línea 69...
69 
    useEffect(() => {
 69 
    useEffect(() => {
70 
      const currentReaction = reactionsOptions.find(
 70 
      const currentReaction = reactionsOptions.find(
71 
        (reaction) => reaction.type === myReaction
 71 
        (reaction) => reaction.type === myReaction
72 
      )
 72 
      )
73 
      setSettedReaction(currentReaction)
 73 
      setSettedReaction(currentReaction)
74 
    }, [myReaction])
 74 
    }, [])
Línea 75... Línea 75...
75 
 
 75 
 
76 
    return (
 76 
    return (
77 
      <div
 - 
 
78 
        className="reaction-btn"
 77 
      <Component
79 
        onMouseOver={onHover}
 78 
        onMouseOver={onHover}
80 
        onMouseOut={onUnhover}
 79 
        onMouseOut={onUnhover}
- 
 
 80 
        ref={rectionBtn}
- 
 
 81 
        Icon={settedReaction ? settedReaction.icon : RecommendIcon}
- 
 
 82 
        color={settedReaction ? settedReaction.color : '#626d7a'}
- 
 
 83 
        title={settedReaction ? settedReaction.label : 'Reaccionar'}
- 
 
 84 
        onClick={() => {
- 
 
 85 
          settedReaction
- 
 
 86 
            ? deleteReactionHandler()
- 
 
 87 
            : selectReactionHandler(reactionsOptions[0].type)
81 
        ref={rectionBtn}
 88 
        }}
82 
      >
 - 
 
83 
        <Component
 - 
 
84 
          Icon={settedReaction ? settedReaction.icon : RecommendIcon}
 - 
 
85 
          color={settedReaction ? settedReaction.color : '#626d7a'}
 - 
 
86 
          title={settedReaction ? settedReaction.label : 'Reaccionar'}
 - 
 
87 
          onClick={() => {
 - 
 
88 
            settedReaction
 - 
 
89 
              ? deleteReactionHandler()
 - 
 
90 
              : selectReactionHandler(reactionsOptions[0].type)
 - 
 
91 
          }}
 - 
 
92 
        />
 - 
 
93 
 
 89 
      >
94 
        <div className={`reactions ${showReactions ? 'active' : ''}`}>
 90 
        <div className={`reactions ${showReactions ? 'active' : ''}`}>
95 
          {reactionsOptions.map((reaction) => {
 91 
          {reactionsOptions.map((reaction) => {
96 
            const { icon: Icon, color, type, label } = reaction
 92 
            const { icon: Icon, color, type, label } = reaction
97 
            return (
 93 
            return (
Línea 106... Línea 102...
106 
                <Icon style={{ color }} />
 102 
                <Icon style={{ color }} />
107 
              </button>
 103 
              </button>
108 
            )
 104 
            )
109 
          })}
 105 
          })}
110 
        </div>
 106 
        </div>
111 
      </div>
 107 
      </Component>
112 
    )
 108 
    )
113 
  }
 109 
  }
114 
}
 110 
}
Línea 115... Línea 111...
115 
 
 111