Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5206 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5185 stevensc 1 
/* eslint-disable camelcase */
4346 stevensc 2 
/* eslint-disable react/prop-types */
5239 stevensc 3 
import React, { useState } from 'react'
5185 stevensc 4 
import ChatMail from './inmail/inmail'
1 www 5 
import Sidebar from './inmail/sidebar'
6 
 
5186 stevensc 7 
const Inmail = () => {
5185 stevensc 8 
  const [selectedConversation, setSelectedConversation] = useState(null)
5203 stevensc 9 
 
5189 stevensc 10 
  const changeConversation = (conversation) => {
11 
    setSelectedConversation(conversation)
12 
  }
5187 stevensc 13 
 
5185 stevensc 14 
  return (
5187 stevensc 15 
  <div className="messages-sec container">
16 
    <div className="row">
17 
      <div className={`col-12 col-md-4 ${selectedConversation && 'msgs-hide'}`}>
5239 stevensc 18 
        <Sidebar setConversation={changeConversation} selectedConversation={selectedConversation}/>
5185 stevensc 19 
      </div>
5187 stevensc 20 
      <div className={`col-12 col-md-8 ${!selectedConversation && 'msgs-hide'}`}>
5239 stevensc 21 
        <ChatMail selectedConversation={selectedConversation} setConversation={changeConversation} />
5187 stevensc 22 
      </div>
5185 stevensc 23 
    </div>
5187 stevensc 24 
  </div>
5185 stevensc 25 
  )
3074 stevensc 26 
}
27 
 
5185 stevensc 28 
export default Inmail