Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5743 Rev 5746
Línea 1... Línea 1...
1 
import React, { useEffect, useRef, useState } from 'react'
 1 
import React, { useEffect, useRef, 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 EmojiEmotionsIcon from '@mui/icons-material/EmojiEmotions'
- 
 
 6 
import TungstenIcon from '@mui/icons-material/Tungsten'
5 
import { debounce } from '../../../utils'
 7 
import { debounce } from '../../../utils'
6 
import useOutsideClick from '../../../hooks/useOutsideClick'
 8 
import useOutsideClick from '../../../hooks/useOutsideClick'
Línea 7... Línea 9...
7 
 
 9 
 
8 
export const ReactionButton = () => {
 10 
export const ReactionButton = () => {
Línea 11... Línea 13...
11 
  const rectionBtn = useRef(null)
 13 
  const rectionBtn = useRef(null)
12 
  const outsideClick = useOutsideClick(rectionBtn)
 14 
  const outsideClick = useOutsideClick(rectionBtn)
Línea 13... Línea 15...
13 
 
 15 
 
14 
  const reactions = [
 16 
  const reactions = [
- 
 
 17 
    {
- 
 
 18 
      type: 'd',
- 
 
 19 
      icon: <RecommendIcon style={{ color: '#7405f9' }} />,
- 
 
 20 
    },
15 
    {
 21 
    {
16 
      type: 'r',
 22 
      type: 'r',
17 
      icon: <RecommendIcon style={{ color: '#7405f9' }} />,
 23 
      icon: <RecommendIcon style={{ color: '#7405f9' }} />,
18 
    },
 24 
    },
19 
    {
 25 
    {
20 
      type: 'f',
 26 
      type: 's',
21 
      icon: <FavoriteIcon style={{ color: '#E7A33E' }} />,
 27 
      icon: <VolunteerActivismIcon style={{ color: '#493D57' }} />,
22 
    },
 28 
    },
23 
    {
 29 
    {
- 
 
 30 
      type: 'l',
- 
 
 31 
      icon: <FavoriteIcon style={{ color: '#DF704D' }} />,
- 
 
 32 
    },
- 
 
 33 
    {
- 
 
 34 
      type: 'i',
- 
 
 35 
      icon: (
- 
 
 36 
        <TungstenIcon
- 
 
 37 
          style={{ color: '#F5BB5C', transform: 'rotate(180deg)' }}
- 
 
 38 
        />
- 
 
 39 
      ),
- 
 
 40 
    },
- 
 
 41 
    {
24 
      type: 'v',
 42 
      type: 'f',
25 
      icon: <VolunteerActivismIcon style={{ color: '#7FC15E' }} />,
 43 
      icon: <EmojiEmotionsIcon style={{ color: '##79DEEE' }} />,
26 
    },
 44 
    },
Línea 27... Línea 45...
27 
  ]
 45 
  ]