Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

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

import { useModal } from '@shared/hooks';

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

import { SearchUserModal, Spinner } from '@shared/components';

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

export const InmailPage = () => {

  const {

    conversations,

    currentConversation,

    loading,

    setCurrentConversation,

    deleteConversation

  } = useConversations();

  const { showModal, closeModal } = useModal();

  const showUserModal = () => {

    showModal(

      'Iniciar conversación',

      <SearchUserModal

        onSelect={(user) => {

          setCurrentConversation(user);

          closeModal();

        }}

      />

    );

  };

  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={showUserModal}

        />

      </Grid>

      <Grid

        item

        xs={12}

        md={8}

        sx={{

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

        }}

      >

        <MessagesList

          conversation={currentConversation}

          onClose={() => setCurrentConversation(null)}

          onDelete={() =>

            currentConversation?.delete_url && deleteConversation(currentConversation.delete_url)

          }

        />

      </Grid>

    </Grid>

  );

};