Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 6960 Rev 6961
Línea 29... Línea 29...
29 
 
 29 
 
30 
const ContactList = styled.ul`
 30 
const ContactList = styled.ul`
31 
  display: flex;
 31 
  display: flex;
32 
  flex-direction: column;
 32 
  flex-direction: column;
33 
  overflow: auto;
 - 
 
34 
  gap: 5rem;
 33 
  overflow: auto;
Línea 35... Línea 34...
35 
`
 34 
`
36 
 
 35 
 
37 
const ContactItem = styled.div`
 36 
const ContactItem = styled.div`
38 
  align-items: center;
 37 
  align-items: center;
39 
  display: flex;
 38 
  display: flex;
40 
  height: auto;
 39 
  height: auto;
41 
  padding: 0.5rem 1rem;
 40 
  padding: 0.5rem 1rem;
- 
 
 41 
  gap: 0.5rem;
Línea 42... Línea 42...
42 
  gap: 0.5rem;
 42 
  cursor: pointer;
43 
  cursor: pointer;
 43 
  border-radius: var(--border-radius);
44 
 
 44 
 
45 
  ${(props) =>
 45 
  ${(props) =>
46 
    props.current &&
 46 
    props.current &&
47 
    css`
 47 
    css`
Línea 48... Línea 48...
48 
      background-color: var(--online-green);
 48 
      background-color: #42b72a21;
49 
    `}
 49 
    `}
Línea 91... Línea 91...
91 
        contacts.map((contact) => (
 91 
        contacts.map((contact) => (
92 
          <li key={contact.id}>
 92 
          <li key={contact.id}>
93 
            <List.Item
 93 
            <List.Item
94 
              contact={contact}
 94 
              contact={contact}
95 
              onClick={onChange}
 95 
              onClick={onChange}
- 
 
 96 
              isCurrent={
- 
 
 97 
                currentConversation &&
96 
              isCurrent={currentConversation?.id === contact.id}
 98 
                currentConversation.profile === contact.profile
- 
 
 99 
              }
97 
            />
 100 
            />
98 
          </li>
 101 
          </li>
99 
        ))
 102 
        ))
100 
      )}
 103 
      )}
101 
    </ContactList>
 104 
    </ContactList>
Línea 114... Línea 117...
114 
      />
 117 
      />
115 
      <ContactInfo>
 118 
      <ContactInfo>
116 
        <span>{contact.name}</span>
 119 
        <span>{contact.name}</span>
117 
        {contact.last_message && (
 120 
        {contact.last_message && (
118 
          <p>
 121 
          <p>
- 
 
 122 
            {`${
119 
            {`${contact.count_not_seen_messages} ${labels.new_messages} |
 123 
              contact.count_not_seen_messages || contact.count_unread || ''
- 
 
 124 
            } ${labels.new_messages} |
120 
              ${contact.last_message}`}
 125 
              ${contact.last_message}`}
121 
          </p>
 126 
          </p>
122 
        )}
 127 
        )}
123 
      </ContactInfo>
 128 
      </ContactInfo>
124 
    </ContactItem>
 129 
    </ContactItem>