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