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';

const InmailPage = () => {

  const {

    conversations,

    currentConversation,

    loading,

    setCurrentConversation,

    deleteConversation,

    startConversation

  } = useConversations();

  if (loading) return <Spinner />;

  return (

    <Grid container spacing={1}>

      <Grid

        size={{ xs: 12, md: 4 }}

        sx={{

          display: { xs: currentConversation ? 'none' : 'block', md: 'block' }

        }}

      >

        <ConversationsList

          conversations={conversations}

          onSelectConversation={setCurrentConversation}

          onStartConversation={startConversation}

        />

      </Grid>

      <Grid

        size={{ xs: 12, md: 8 }}

        sx={{

          display: { xs: currentConversation ? 'block' : 'none', md: 'block' }

        }}

      >

        <MessagesList

          conversation={currentConversation}

          onClose={setCurrentConversation}

          onDelete={deleteConversation}

        />

      </Grid>

    </Grid>

  );

};

export default InmailPage;