Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3603 Rev 3604
Línea 8... Línea 8...
8 
 
 8 
 
9 
export function InmailPage() {
 9 
export function InmailPage() {
Línea 10... Línea 10...
10 
  const [selectedConversation, setSelectedConversation] = useState(null);
 10 
  const [selectedConversation, setSelectedConversation] = useState(null);
- 
 
 11 
 
11 
 
 12 
  const { data: conversations, loading } = useFetch('/email');
12 
  const { data: conversations, loading } = useFetch('/email');
 13 
 
13 
  const {
 14 
  const {
14 
    items: messages,
 15 
    items: messages,
15 
    isLoading: loadingMessages,
 - 
 
16 
    hasMore,
 16 
    loading: loadingMessages,
17 
    nextPage
 - 
 
18 
  } = usePagination(selectedConversation?.messages_url, {
 - 
 
19 
    resetOnUrlChange: true,
 - 
 
20 
    autoLoadFirstPage: true
 - 
 
21 
  });
 - 
 
22 
 
 - 
 
23 
  // Para demostración, usar datos de prueba cuando no hay conversación seleccionada
 - 
 
24 
  const displayMessages = selectedConversation && messages;
 - 
 
Línea 25... Línea 17...
25 
  const displayLoading = selectedConversation && loadingMessages;
 17 
    lastElementRef
26 
  const displayHasMore = selectedConversation && hasMore;
 18 
  } = usePagination(selectedConversation?.messages_url);
27 
 
 19 
 
Línea 44... Línea 36...
44 
              <Typography variant='h6'>Conversación con {selectedConversation.name}</Typography>
 36 
              <Typography variant='h6'>Conversación con {selectedConversation.name}</Typography>
45 
            </Box>
 37 
            </Box>
46 
          )}
 38 
          )}
47 
          <Box sx={{ flex: 1, overflow: 'hidden' }}>
 39 
          <Box sx={{ flex: 1, overflow: 'hidden' }}>
48 
            <MessagesList
 40 
            <MessagesList
49 
              messages={displayMessages}
 41 
              messages={messages}
50 
              onLoadMore={nextPage}
 - 
 
51 
              loading={displayLoading}
 42 
              loading={loadingMessages}
52 
              hasMore={displayHasMore}
 43 
              lastElementRef={lastElementRef}
53 
            />
 44 
            />
54 
          </Box>
 45 
          </Box>
55 
        </Box>
 46 
        </Box>
56 
      </Grid>
 47 
      </Grid>
57 
    </Grid>
 48 
    </Grid>