Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useState } from 'react'
import QuestionAnswerRoundedIcon from '@mui/icons-material/QuestionAnswerRounded'

import ChatMail from './inmail/inmail'
import Sidebar from './inmail/sidebar'
import EmptySection from '../shared/empty-section/EmptySection'

const Inmail = () => {
  const [selectedConversation, setSelectedConversation] = useState(null)

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

  return (
    <div className="messages-sec container">
      <div className="row">
        <div
          className={`col-12 col-md-4 ${selectedConversation && 'msgs-hide'}`}
        >
          <Sidebar
            setConversation={changeConversation}
            selectedConversation={selectedConversation}
          />
        </div>
        <div
          className={`col-12 col-md-8 ${!selectedConversation && 'msgs-hide'}`}
        >
          {selectedConversation ? (
            <ChatMail
              messagesUrl={selectedConversation.messages_link}
              selectedConversation={selectedConversation}
              setConversation={changeConversation}
            />
          ) : (
            <EmptySection
              message={LABELS.SELECT_CONVERSATION}
              Icon={<QuestionAnswerRoundedIcon />}
            />
          )}
        </div>
      </div>
    </div>
  )
}

export default Inmail