Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5239 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5239 Rev 6753
Línea 1... Línea -...
1 
/* eslint-disable camelcase */
 - 
 
2 
/* eslint-disable react/prop-types */
 - 
 
3 
import React, { useState } from 'react'
 1 
import React, { useState } from 'react'
- 
 
 2 
import QuestionAnswerRoundedIcon from '@mui/icons-material/QuestionAnswerRounded'
- 
 
 3 
 
4 
import ChatMail from './inmail/inmail'
 4 
import ChatMail from './inmail/inmail'
5 
import Sidebar from './inmail/sidebar'
 5 
import Sidebar from './inmail/sidebar'
- 
 
 6 
import EmptySection from '../shared/empty-section/EmptySection'
Línea 6... Línea 7...
6 
 
 7 
 
7 
const Inmail = () => {
 8 
const Inmail = () => {
Línea 8... Línea 9...
8 
  const [selectedConversation, setSelectedConversation] = useState(null)
 9 
  const [selectedConversation, setSelectedConversation] = useState(null)
9 
 
 10 
 
10 
  const changeConversation = (conversation) => {
 11 
  const changeConversation = (conversation) => {
Línea 11... Línea 12...
11 
    setSelectedConversation(conversation)
 12 
    setSelectedConversation(conversation)
12 
  }
 13 
  }
13 
 
 14 
 
- 
 
 15 
  return (
14 
  return (
 16 
    <div className="messages-sec container">
- 
 
 17 
      <div className="row">
- 
 
 18 
        <div
- 
 
 19 
          className={`col-12 col-md-4 ${selectedConversation && 'msgs-hide'}`}
15 
  <div className="messages-sec container">
 20 
        >
- 
 
 21 
          <Sidebar
16 
    <div className="row">
 22 
            setConversation={changeConversation}
- 
 
 23 
            selectedConversation={selectedConversation}
17 
      <div className={`col-12 col-md-4 ${selectedConversation && 'msgs-hide'}`}>
 24 
          />
- 
 
 25 
        </div>
- 
 
 26 
        <div
- 
 
 27 
          className={`col-12 col-md-8 ${!selectedConversation && 'msgs-hide'}`}
- 
 
 28 
        >
18 
        <Sidebar setConversation={changeConversation} selectedConversation={selectedConversation}/>
 29 
          {selectedConversation ? (
- 
 
 30 
            <ChatMail
- 
 
 31 
              messagesUrl={selectedConversation.messages_link}
- 
 
 32 
              selectedConversation={selectedConversation}
- 
 
 33 
              setConversation={changeConversation}
- 
 
 34 
            />
- 
 
 35 
          ) : (
- 
 
 36 
            <EmptySection
- 
 
 37 
              message={LABELS.SELECT_CONVERSATION}
- 
 
 38 
              Icon={<QuestionAnswerRoundedIcon />}
19 
      </div>
 39 
            />
20 
      <div className={`col-12 col-md-8 ${!selectedConversation && 'msgs-hide'}`}>
 40 
          )}
21 
        <ChatMail selectedConversation={selectedConversation} setConversation={changeConversation} />
 - 
 
22 
      </div>
 41 
        </div>
23 
    </div>
 42 
      </div>
Línea 24... Línea 43...
24 
  </div>
 43 
    </div>