Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useState } from 'react'
import { useSelector } from 'react-redux'
import { Col, Container, Row } from 'react-bootstrap'
import QuestionAnswerRoundedIcon from '@mui/icons-material/QuestionAnswerRounded'

import ChatBox from '../../components/chat/ChatBox'
import Contacts from '../../components/chat/ChatContacts'
import EmptySection from '../../components/UI/EmptySection'

const ChatPage = () => {
  const [selectedConversation, setSelectedConversation] = useState(null)
  const labels = useSelector(({ intl }) => intl.labels)

  const changeConversation = (conversation) => {
    setSelectedConversation(conversation)
  }

  return (
    <Container>
      <Row>
        <Col md="4">
          <Contacts
            selectedConversation={selectedConversation}
            changeConversation={changeConversation}
          />
        </Col>
        <Col md="8" className="d-flex">
          {selectedConversation ? (
            <ChatBox entity={selectedConversation} />
          ) : (
            <EmptySection
              message={labels.select_conversation}
              Icon={<QuestionAnswerRoundedIcon />}
              align="center"
            />
          )}
        </Col>
      </Row>
    </Container>
  )
}

export default ChatPage