Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5670 Rev 5734
Línea 1... Línea 1...
1 
import React, { useState } from 'react'
 1 
import React, { useState } from 'react'
2 
import RecommendIcon from '@mui/icons-material/Recommend'
 2 
import RecommendIcon from '@mui/icons-material/Recommend'
3 
import FavoriteIcon from '@mui/icons-material/Favorite'
 3 
import FavoriteIcon from '@mui/icons-material/Favorite'
4 
import VolunteerActivismIcon from '@mui/icons-material/VolunteerActivism'
 4 
import VolunteerActivismIcon from '@mui/icons-material/VolunteerActivism'
- 
 
 5 
import { debounce } from '../../../utils'
Línea 5... Línea 6...
5 
 
 6 
 
6 
export const ReactionButton = () => {
 7 
export const ReactionButton = () => {
- 
 
 8 
  const [settedReaction, setSettedReaction] = useState('r')
Línea 7... Línea 9...
7 
  const [settedReaction, setSettedReaction] = useState('r')
 9 
  const [showReactions, setShowReactions] = useState(false)
8 
 
 10 
 
9 
  const reactions = [
 11 
  const reactions = [
10 
    {
 12 
    {
Línea 19... Línea 21...
19 
      type: 'v',
 21 
      type: 'v',
20 
      icon: <VolunteerActivismIcon />,
 22 
      icon: <VolunteerActivismIcon />,
21 
    },
 23 
    },
22 
  ]
 24 
  ]
Línea -... Línea 25...
- 
 
 25 
 
- 
 
 26 
  const onHover = debounce(() => setShowReactions(true), 1000)
23 
 
 27 
 
24 
  return (
 28 
  return (
25 
    <button type="button" className="reaction-btn">
 29 
    <button type="button" className="reaction-btn" onMouseEnter={onHover}>
26 
      <div className="reactions-list">
 30 
      <div className={`reactions ${showReactions ? 'active' : ''}`}>
27 
        {reactions.map((reaction) => (
 31 
        {reactions.map((reaction) => (
28 
          <button
 32 
          <button
29 
            key={reaction.type}
 33 
            key={reaction.type}
30 
            onClick={() => setSettedReaction(reaction.type)}
 34 
            onClick={() => setSettedReaction(reaction.type)}