Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useState } from 'react'

// Components

import Chat from '../components/chat/Chat'

import EmptySection from '../../shared/empty-section/EmptySection'

import Contacts from '../components/contacts/Contacts'

const DesktopChat = ({ chatUsers = [], chatGroups = [], timezones = {} }) => {

  const [selectedConversation, setSelectedConversation] = useState(null)

  return (

    <>

      <main className="chat-page container">

        <Contacts

          persons={chatUsers}

          groups={chatGroups}

          selectedConversation={selectedConversation}

          changeConversation={(conversation) =>

            setSelectedConversation(conversation)

          }

        />

        {selectedConversation ? (

          <Chat entity={selectedConversation} timezones={timezones} />

        ) : (

          <EmptySection message="Seleccione un chat" />

        )}

      </main>

    </>

  )

}

export default DesktopChat