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