AutorÃa | Ultima modificación | Ver Log |
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