Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable camelcase */
/* eslint-disable react/prop-types */
import React, { useState } from 'react'
import ChatMail from './inmail/inmail'
import Sidebar from './inmail/sidebar'

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'}`}>
        <ChatMail selectedConversation={selectedConversation} setConversation={changeConversation} />
      </div>
    </div>
  </div>
  )
}

export default Inmail