Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { Grid, Typography } from '@mui/material';
import { useFetch } from '@shared/hooks';

import { Card, CardHeader, List, Spinner } from '@shared/components';

export function InmailPage() {
  const { data: conversations, loading } = useFetch('/inmail');

  if (loading || !conversations) {
    return <Spinner />;
  }

  return (
    <Grid container spacing={2}>
      <Grid item xs={12} md={3}>
        <Typography variant='h3'>Conversaciones</Typography>
        <List
          items={conversations}
          keyExtractor={(item) => item.uuid}
          emptyMessage='No hay conversaciones'
          renderItem={(conversation) => (
            <Card>
              <CardHeader
                avatar={conversation.image}
                title={conversation.name}
                subheader={conversation.last_message}
              />
            </Card>
          )}
        />
      </Grid>
      <Grid item xs={12} md={9}>
        <Typography variant='h3'>Mensajes</Typography>
      </Grid>
    </Grid>
  );
}