Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { Grid } from '@mui/material';

import { useConversations } from '@inmail/hooks';

import { Spinner } from '@shared/components';
import { ConversationsList, MessagesList } from '@inmail/components';

export const InmailPage = () => {
  const {
    conversations,
    currentConversation,
    loading,
    setCurrentConversation,
    deleteConversation,
    startConversation
  } = useConversations();

  if (loading) return <Spinner />;

  return (
    <Grid container spacing={1}>
      <Grid
        item
        xs={12}
        md={4}
        sx={{
          display: { xs: currentConversation ? 'none' : 'block', md: 'block' }
        }}
      >
        <ConversationsList
          conversations={conversations}
          onSelectConversation={setCurrentConversation}
          onStartConversation={startConversation}
        />
      </Grid>

      <Grid
        item
        xs={12}
        md={8}
        sx={{
          display: { xs: currentConversation ? 'block' : 'none', md: 'block' }
        }}
      >
        <MessagesList
          conversation={currentConversation}
          onClose={setCurrentConversation}
          onDelete={deleteConversation}
        />
      </Grid>
    </Grid>
  );
};