Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5033 Rev 5206
Línea 1... Línea 1...
1
/* eslint-disable react/prop-types */
1
/* eslint-disable react/prop-types */
2
import React from 'react'
2
import React from 'react'
Línea 3... Línea 3...
3
 
3
 
4
const timeOptions = {
4
const timeOptions = {
5
    minutos: 'mn',
5
  minutos: 'mn',
6
    horas: 'h',
6
  horas: 'h',
7
    días: 'd',
7
  días: 'd',
8
    semanas: 's',
8
  semanas: 's',
9
    meses: 'm',
9
  meses: 'm',
10
    año: 'a',
10
  año: 'a'
Línea 11... Línea 11...
11
}
11
}
12
 
12
 
13
const ContactItem = ({ contact, onClick }) => {
13
const ContactItem = ({ contact, onClick }) => {
14
    return (
14
  return (
15
        <div className="contacts-list__item">
15
        <div className="contacts-list__item">
16
            <img
16
            <img
17
                className="chat-image img-circle"
17
                className="chat-image img-circle"
18
                height="36"
18
                height="36"
19
                width="36"
19
                width="36"
20
                src={contact.image || '/images/users-group.png'}
20
                src={contact.image || '/images/users-group.png'}
21
                alt="image-image"
21
                alt="image-image"
22
            />
22
            />
23
            <div className="contacts-list__item-content">
-
 
24
                <span onClick={() => onClick(contact)}>
-
 
25
                    {contact.name}
-
 
26
                </span>
-
 
27
                {
-
 
28
                    contact.last_message &&
-
 
29
                    <p>
23
            <div className="contacts-list__item-content">
30
                        {contact.count_not_seen_messages} mensajes nuevos |
-
 
31
                        {contact.last_message.split(' ')[0]}{timeOptions[contact.last_message.split(' ')[1]]}
-
 
32
                    </p>
24
                <span onClick={() => onClick(contact)}>{contact.name}</span>
33
                }
25
                {contact.last_message && <p>{contact.count_not_seen_messages} {CHAT_LABELS.NEW_MESSAGES} |{contact.last_message.split(' ')[0]}{timeOptions[contact.last_message.split(' ')[1]]}</p>}
34
            </div>
26
            </div>
35
        </div>
27
        </div>
Línea 36... Línea -...
36
    )
-
 
37
}
28
  )
-
 
29
}