Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3600 Rev 3601
Línea 5... Línea 5...
5 
import { useNearScreen } from '@hooks';
 5 
import { useNearScreen } from '@hooks';
6 
import { Spinner } from '@shared/components';
 6 
import { Spinner } from '@shared/components';
7 
import EmptySection from '@components/UI/EmptySection';
 7 
import EmptySection from '@components/UI/EmptySection';
8 
import MessageItem from './MessageItem';
 8 
import MessageItem from './MessageItem';
Línea 9... Línea 9...
9 
 
 9 
 
10 
const MessagesList = ({ messages = [], onLoadMore, loading = false }) => {
 10 
const MessagesList = ({ messages = [], onLoadMore, loading = false, hasMore = false }) => {
11 
  const [isIntercepting, ref] = useNearScreen({
 11 
  const [isIntercepting, ref] = useNearScreen({
12 
    once: false,
 12 
    once: false,
13 
    rootMargin: '100px'
 13 
    rootMargin: '100px'
Línea 58... Línea 58...
58 
          display: 'flex',
 58 
          display: 'flex',
59 
          flexDirection: 'column-reverse',
 59 
          flexDirection: 'column-reverse',
60 
          p: 1
 60 
          p: 1
61 
        }}
 61 
        }}
62 
      >
 62 
      >
63 
        {messages.map((message, index) => {
 63 
        {messages.map((message) => {
- 
 
 64 
          {
64 
          if (index === messages.length - 1) {
 65 
            /* if (index === messages.length - 1) {
65 
            return (
 66 
            return (
66 
              <MessageItem
 67 
              <MessageItem
67 
                key={message.uuid}
 68 
                key={message.uuid}
68 
                message={message}
 69 
                message={message}
69 
                onReport={handleReport}
 70 
                onReport={handleReport}
70 
                ref={messagesEndRef}
 71 
                ref={messagesEndRef}
71 
              />
 72 
              />
72 
            );
 73 
            );
- 
 
 74 
          } */
73 
          }
 75 
          }
Línea 74... Línea 76...
74 
 
 76 
 
75 
          return <MessageItem key={message.uuid} message={message} onReport={handleReport} />;
 77 
          return <MessageItem key={message.uuid} message={message} onReport={handleReport} />;
Línea 76... Línea 78...
76 
        })}
 78 
        })}
- 
 
 79 
 
77 
 
 80 
        {/* Loading indicator for infinite scroll */}
78 
        {/* Loading indicator for infinite scroll */}
 81 
        {hasMore && (
79 
        <Box ref={ref} sx={{ display: 'flex', justifyContent: 'center', py: 2 }}>
 82 
          <Box ref={ref} sx={{ display: 'flex', justifyContent: 'center', py: 2 }}>
- 
 
 83 
            <Spinner size='small' />
80 
          {loading && <Spinner size='small' />}
 84 
          </Box>
81 
        </Box>
 85 
        )}
82 
      </Box>
 86 
      </Box>
83 
    </Box>
 87 
    </Box>