Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5335 Rev 5336
Línea 22... Línea 22...
22
 
22
 
Línea 23... Línea 23...
23
  const handleResponse = (msg) => setResponseMessage(msg)
23
  const handleResponse = (msg) => setResponseMessage(msg)
24
 
24
 
25
  const messagesContent = {
-
 
26
    text: <p>{parse(emojione.shortnameToImage(message.m))}</p>,
-
 
27
    image:
25
  const messagesContent = {
28
            <div className="chat_image_container">
-
 
29
                <img src={message.m} alt="chat_image" />
-
 
30
            </div>,
-
 
31
    video:
26
    text: <p>{parse(emojione.shortnameToImage(message.m))}</p>,
32
            <div className="chat_image_container">
-
 
33
                <video src={message.m} preload="none" controls></video>
-
 
34
            </div>,
-
 
35
 
-
 
36
    document:
-
 
37
            <div className="chat_image_container">
-
 
38
                <img
27
    image: <img src={message.m} alt="chat_image" />,
39
                    className="pdf"
-
 
40
                    src="/storage/type/default/filename/pdf.png"
-
 
41
                    alt="pdf"
-
 
42
                />
28
    video: <video src={message.m} preload="none" controls></video>,
Línea 43... Línea 29...
43
            </div>
29
    document: <img className="pdf" src="/storage/type/default/filename/pdf.png" alt="pdf"/>
44
  }
30
  }
45
 
31
 
46
  return (
32
  return (
47
        <div className={`conversation-text ${message.u === 1 && 'odd'}`}>
33
        <div className={`conversation-text ${message.u === 2 && 'odd'}`}>
48
            <div className="ctext-wrap">
34
            <div className="ctext-wrap">
49
                {senderName(message)}
35
                {senderName(message)}
50
                {messagesContent[message.mtype]}
36
                {messagesContent[message.mtype]}
51
                <div className="d-inline-flex align-items-center">
37
                <label>
52
                    {!message.not_received && <i className={'fa fa-check text-right ellipsis '} style={message.seen ? { color: 'blue' } : { color: 'gray' }} />}
38
                    {!message.not_received && <i className='fa fa-check' style={message.seen ? { color: 'blue' } : { color: 'gray' }} />}
53
                    <label>{message.time}</label>
39
                    {message.time}
54
                </div>
40
                </label>
55
                {isLiked &&
41
                {isLiked &&
56
                    <i
42
                    <i