Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5336 Rev 5338
Línea 28... Línea 28...
28 
    video: <video src={message.m} preload="none" controls></video>,
 28 
    video: <video src={message.m} preload="none" controls></video>,
29 
    document: <img className="pdf" src="/storage/type/default/filename/pdf.png" alt="pdf"/>
 29 
    document: <img className="pdf" src="/storage/type/default/filename/pdf.png" alt="pdf"/>
30 
  }
 30 
  }
Línea 31... Línea 31...
31 
 
 31 
 
32 
  return (
 32 
  return (
33 
        <div className={`conversation-text ${message.u === 2 && 'odd'}`}>
 33 
        <div className={`conversation-text ${message.u === 1 && 'odd'}`}>
34 
            <div className="ctext-wrap">
 34 
            <div className="ctext-wrap">
35 
                {senderName(message)}
 35 
                {senderName(message)}
36 
                {messagesContent[message.mtype]}
 36 
                {messagesContent[message.mtype]}
37 
                <label>
 37 
                <label>
38 
                    {!message.not_received && <i className='fa fa-check' style={message.seen ? { color: 'blue' } : { color: 'gray' }} />}
 38 
                    {!message.not_received && <i className='fa fa-check' style={message.seen ? { color: 'blue' } : { color: 'gray' }} />}
39 
                    {message.time}
 39 
                    {message.time}
40 
                </label>
 - 
 
41 
                {isLiked &&
 - 
 
42 
                    <i
 - 
 
43 
                        className="fas fa-heart"
 40 
                </label>
44 
                        style={{ color: '#0961bf', position: 'absolute', top: '87%', left: '85%' }} />
 - 
 
45 
                }
 41 
                {isLiked && <i className="fas fa-heart" style={{ color: '#0961bf', position: 'absolute', top: '87%', left: '85%' }} />}
46 
            </div>
 42 
            </div>
47 
            <Message.Reactions
 43 
            <Message.Reactions
48 
                message={message}
 44 
                message={message}
49 
                onLike={likeMessage}
 45 
                onLike={likeMessage}
Línea 62... Línea 58...
62 
}) => {
 58 
}) => {
63 
  const [isShow, setIsShow] = useState(false)
 59 
  const [isShow, setIsShow] = useState(false)
Línea 64... Línea 60...
64 
 
 60 
 
65 
  return (
 61 
  return (
66 
        <>
 - 
 
67 
            <i
 - 
 
68 
                className="la la-ellipsis-v icon"
 - 
 
69 
                style={{ position: 'relative' }}
 62 
        <>
70 
                onClick={() => setIsShow(!isShow)}
 - 
 
71 
            />
 63 
            <i className="la la-ellipsis-v icon" onClick={() => setIsShow(!isShow)}/>
72 
            {isShow &&
 64 
            {isShow &&
73 
                <div className="display-reactions" >
 65 
                <div className="display-reactions" >
74 
                    <LikeButton onClick={onLike} />
 66 
                    <LikeButton onClick={onLike} />
75 
                    <button onClick={() => onResponse(message)}>
 67 
                    <button onClick={() => onResponse(message)}>