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