Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3606 Rev 3607
Línea 4... Línea 4...
4 
 
 4 
 
5 
import { Card, CardContent, CardHeader, Spinner } from '@shared/components';
 5 
import { Card, CardContent, CardHeader, Spinner } from '@shared/components';
6 
import EmptySection from '@components/UI/EmptySection';
 6 
import EmptySection from '@components/UI/EmptySection';
Línea 7... Línea 7...
7 
import MessageItem from './MessageItem';
 7 
import MessageItem from './MessageItem';
8 
 
 8 
 
Línea 9... Línea 9...
9 
const MessagesList = ({ messages = [], lastElementRef, loading = false }) => {
 9 
const MessagesList = ({ messages = [], elementRef, loading = false }) => {
10 
  const messagesEndRef = useRef(null);
 10 
  const messagesEndRef = useRef(null);
11 
 
 11 
 
Línea 37... Línea 37...
37 
      <CardHeader title='Mensajes' />
 37 
      <CardHeader title='Mensajes' />
38 
      <CardContent>
 38 
      <CardContent>
39 
        <Box
 39 
        <Box
40 
          sx={{
 40 
          sx={{
41 
            display: 'flex',
 41 
            display: 'flex',
42 
            maxHeight: '80dvh',
 42 
            maxHeight: '60dvh',
43 
            flexDirection: 'column-reverse',
 43 
            flexDirection: 'column-reverse',
44 
            overflow: 'auto'
 44 
            overflow: 'auto'
45 
          }}
 45 
          }}
46 
        >
 46 
        >
47 
          <div ref={messagesEndRef} />
 47 
          <div ref={messagesEndRef} />
Línea 48... Línea 48...
48 
 
 48 
 
49 
          {messages.map((message, index) => {
 49 
          {messages.map((message, index) => {
50 
            if (index === messages.length - 1) {
 50 
            if (index === messages.length - 1) {
51 
              return (
 51 
              return (
52 
                <MessageItem
 52 
                <MessageItem
53 
                  lastElementRef={lastElementRef}
 53 
                  elementRef={elementRef}
54 
                  key={message.uuid}
 54 
                  key={message.uuid}
55 
                  message={message}
 55 
                  message={message}
56 
                  onReport={handleReport}
 56 
                  onReport={handleReport}
57 
                />
 57 
                />