Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 3604 Rev 3605
Línea 1... Línea 1...
1 
import React, { useState } from 'react';
 1 
import React, { useState } from 'react';
2 
import { Grid, Box, Typography } from '@mui/material';
 2 
import { Grid } from '@mui/material';
Línea 3... Línea 3...
3 
 
 3 
 
Línea 4... Línea 4...
4 
import { useFetch, usePagination } from '@shared/hooks';
 4 
import { useFetch, usePagination } from '@shared/hooks';
5 
 
 5 
 
Línea 28... Línea 28...
28 
          conversations={conversations}
 28 
          conversations={conversations}
29 
          onSelectConversation={setSelectedConversation}
 29 
          onSelectConversation={setSelectedConversation}
30 
        />
 30 
        />
31 
      </Grid>
 31 
      </Grid>
32 
      <Grid item xs={12} md={9}>
 32 
      <Grid item xs={12} md={9}>
33 
        <Box sx={{ height: '100%', display: 'flex', flexDirection: 'column' }}>
 - 
 
34 
          {selectedConversation && (
 - 
 
35 
            <Box sx={{ p: 2, borderBottom: 1, borderColor: 'divider' }}>
 - 
 
36 
              <Typography variant='h6'>Conversación con {selectedConversation.name}</Typography>
 - 
 
37 
            </Box>
 - 
 
38 
          )}
 - 
 
39 
          <Box sx={{ flex: 1, overflow: 'hidden' }}>
 - 
 
40 
            <MessagesList
 33 
        <MessagesList
41 
              messages={messages}
 34 
          messages={messages}
42 
              loading={loadingMessages}
 35 
          loading={loadingMessages}
43 
              lastElementRef={lastElementRef}
 36 
          lastElementRef={lastElementRef}
44 
            />
 - 
 
45 
          </Box>
 - 
 
46 
        </Box>
 37 
        />
47 
      </Grid>
 38 
      </Grid>
48 
    </Grid>
 39 
    </Grid>
49 
  );
 40 
  );
50 
}
 41 
}