Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3625 Rev 3628
Línea 14... Línea 14...
14 
} from '@shared/components';
 14 
} from '@shared/components';
15 
import { MessageItem } from './MessageItem';
 15 
import { MessageItem } from './MessageItem';
16 
import { ChatForm } from '../chat';
 16 
import { ChatForm } from '../chat';
Línea 17... Línea 17...
17 
 
 17 
 
18 
export const MessagesList = ({ conversation, onDelete, onClose }) => {
 18 
export const MessagesList = ({ conversation, onDelete, onClose }) => {
19 
  const { messages, loading, messagesEndRef, elementRef, sendMessage } = useMessages(
 19 
  const { messages, loading, messagesEndRef, elementRef, sendMessage, reportMessage } =
20 
    conversation?.messages_url
 - 
 
Línea 21... Línea 20...
21 
  );
 20 
    useMessages(conversation);
22 
 
 21 
 
23 
  if (!conversation) {
 22 
  if (!conversation) {
Línea 46... Línea 45...
46 
          items={messages}
 45 
          items={messages}
47 
          keyExtractor={(message) => message.uuid}
 46 
          keyExtractor={(message) => message.uuid}
48 
          emptyMessage='No hay mensajes en esta conversación'
 47 
          emptyMessage='No hay mensajes en esta conversación'
49 
          renderItem={(message, index) => (
 48 
          renderItem={(message, index) => (
50 
            <Box ref={index === messages.length - 1 ? elementRef : null}>
 49 
            <Box ref={index === messages.length - 1 ? elementRef : null}>
51 
              <MessageItem message={message} />
 50 
              <MessageItem message={message} onReport={(uuid) => reportMessage(uuid)} />
52 
            </Box>
 51 
            </Box>
53 
          )}
 52 
          )}
54 
          renderHeader={() => <div ref={messagesEndRef} />}
 53 
          renderHeader={() => <div ref={messagesEndRef} />}
55 
          renderFooter={() => loading && <Spinner />}
 54 
          renderFooter={() => loading && <Spinner />}
56 
          style={{ flexDirection: 'column-reverse', maxHeight: '50dvh', overflow: 'auto' }}
 55 
          style={{ flexDirection: 'column-reverse', maxHeight: '50dvh', overflow: 'auto' }}
57 
        />
 56 
        />
58 
      </CardContent>
 57 
      </CardContent>
Línea 59... Línea 58...
59 
 
 58 
 
60 
      <CardActions>
 59 
      <CardActions>
61 
        <ChatForm onSubmit={(message) => sendMessage(conversation?.save_url, message)} />
 60 
        <ChatForm onSubmit={sendMessage} />
62 
      </CardActions>
 61 
      </CardActions>
63 
    </Card>
 62 
    </Card>
64 
  );
 63 
  );