Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 2248 Rev 2853
Línea 1... Línea 1...
1 
import React, { useCallback, useMemo, useState } from 'react'
 1 
import React, { useCallback, useMemo, useState } from 'react'
2 
import { useDispatch } from 'react-redux'
 2 
import { useDispatch } from 'react-redux'
3 
import { Box, styled } from '@mui/material'
 3 
import { styled } from '@mui/material'
Línea 4... Línea 4...
4 
 
 4 
 
5 
import { axios } from '@app/utils'
 5 
import { axios } from '@app/utils'
6 
import { REACTIONS } from '@app/constants/feed'
 6 
import { REACTIONS } from '@app/constants/feed'
- 
 
 7 
import { addNotification } from '@app/redux/notification/notification.actions'
Línea 7... Línea 8...
7 
import { addNotification } from '@app/redux/notification/notification.actions'
 8 
import colors from '@styles/colors'
8 
 
 9 
 
9 
const ReactionsBox = styled(Box)(({ theme }) => ({
 10 
const ReactionsBox = styled('div')(({ theme }) => ({
10 
  position: 'absolute',
 11 
  position: 'absolute',
11 
  bottom: '100%',
 12 
  bottom: '100%',
12 
  backgroundColor: 'var(--bg-color)',
 13 
  backgroundColor: colors.main,
13 
  boxShadow: theme.shadows[1],
 14 
  border: `1px solid ${colors.border.primary}`,
14 
  gap: 1,
 15 
  gap: theme.spacing(0.5),
15 
  left: 0,
 16 
  left: 0,
16 
  display: 'flex',
 17 
  display: 'flex',
17 
  padding: 1,
 18 
  padding: theme.spacing(0.5),
18 
  width: 'fit-content',
 19 
  width: 'fit-content',
19 
  borderRadius: theme.shape.borderRadius,
 20 
  borderRadius: theme.shape.borderRadius,
20 
  transform: 'scale(0)',
 21 
  transform: 'scale(0)',
21 
  transformOrigin: 'center',
 22 
  transformOrigin: 'center',
22 
  transition: theme.transitions.create('transform', {
 23 
  transition: theme.transitions.create('transform', {
23 
    duration: theme.transitions.duration.short,
 24 
    duration: theme.transitions.duration.short,
24 
    easing: theme.transitions.easing.easeInOut,
 25 
    easing: theme.transitions.easing.easeInOut,
25 
    delay: theme.transitions.duration.short
 - 
 
26 
  }),
 26 
    delay: theme.transitions.duration.short
27 
 
 27 
  }),
28 
  '& > button': {
 28 
  '& > button': {
29 
    transition: theme.transitions.create('transform', {
 29 
    transition: theme.transitions.create('transform', {
30 
      duration: theme.transitions.duration.short,
 30 
      duration: theme.transitions.duration.short,