Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6010 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 6010 Rev 6753
Línea 1... Línea -...
1 
/* eslint-disable react/prop-types */
 - 
 
2 
import React, { useState } from 'react'
 1 
import React, { useState } from 'react'
3 
import parse from 'html-react-parser'
 2 
import parse from 'html-react-parser'
4 
import LikeButton from '../../chat/chat/personal-chat/like-button/LikeButton'
 3 
import LikeButton from '../../chat/chat/personal-chat/like-button/LikeButton'
5 
import { addNotification } from '../../redux/notification/notification.actions'
 - 
 
6 
import { useDispatch } from 'react-redux'
 - 
 
7 
 
 - 
 
8 
const Message = ({ message, setResponseMessage }) => {
 - 
 
9 
  const [isLiked, setIsLiked] = useState(false)
 - 
 
10 
  const dispatch = useDispatch()
 - 
 
Línea -... Línea 4...
- 
 
 4 
 
11 
 
 5 
const Message = ({ message }) => {
12 
  const senderName = (message) => {
 6 
  const senderName = (message) => {
13 
    if (message.type === 'group' && !message.u === 1) return message.user_name
 7 
    if (message.type === 'group' && !message.u === 1) return message.user_name
Línea 14... Línea -...
14 
  }
 - 
 
15 
 
 - 
 
16 
  const handleCopy = async () => {
 - 
 
17 
    await navigator.clipboard.writeText(`${message.m}`)
 - 
 
18 
    dispatch(
 - 
 
19 
      addNotification({
 - 
 
20 
        style: 'success',
 - 
 
21 
        msg: 'Mensaje copiado en el portapapeles',
 - 
 
22 
      })
 - 
 
23 
    )
 - 
 
24 
  }
 - 
 
25 
 
 - 
 
26 
  const likeMessage = () => setIsLiked(!isLiked)
 - 
 
27 
 
 - 
 
28 
  const handleResponse = (msg) => setResponseMessage(msg)
 8 
  }
29 
 
 9 
 
30 
  const messagesContent = {
 10 
  const messagesContent = {
31 
    text: <p>{parse(emojione.shortnameToImage(message.m))}</p>,
 11 
    text: <p>{parse(emojione.shortnameToImage(message.m))}</p>,
32 
    image: <img src={message.m} alt="chat_image" />,
 12 
    image: <img src={message.m} alt="chat_image" />,
Línea 54... Línea 34...
54 
              style={message.seen ? { color: 'blue' } : { color: 'gray' }}
 34 
              style={message.seen ? { color: 'blue' } : { color: 'gray' }}
55 
            />
 35 
            />
56 
          )}
 36 
          )}
57 
          {message.time}
 37 
          {message.time}
58 
        </label>
 38 
        </label>
59 
        {isLiked && (
 - 
 
60 
          <i
 - 
 
61 
            className="fas fa-heart"
 - 
 
62 
            style={{
 - 
 
63 
              color: 'red',
 - 
 
64 
              position: 'absolute',
 - 
 
65 
              bottom: '0',
 - 
 
66 
              left: '85%',
 - 
 
67 
            }}
 - 
 
68 
          />
 - 
 
69 
        )}
 - 
 
70 
      </div>
 39 
      </div>
71 
    </div>
 40 
    </div>
72 
  )
 41 
  )
73 
}
 42 
}