Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 7259 | Rev 7261 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 7259 Rev 7260
Línea 4... Línea 4...
4 
import QuestionAnswerRoundedIcon from '@mui/icons-material/QuestionAnswerRounded'
 4 
import QuestionAnswerRoundedIcon from '@mui/icons-material/QuestionAnswerRounded'
Línea 5... Línea 5...
5 
 
 5 
 
6 
import ChatBox from '../../components/chat/ChatBox'
 6 
import ChatBox from '../../components/chat/ChatBox'
7 
import Contacts from '../../components/chat/ChatContacts'
 7 
import Contacts from '../../components/chat/ChatContacts'
- 
 
 8 
import EmptySection from '../../components/UI/EmptySection'
- 
 
 9 
import AddMember from '../../components/chat/AddMember'
- 
 
 10 
import GroupMembers from '../../components/chat/GroupMembers'
- 
 
 11 
 
- 
 
 12 
const CHAT_TABS = {
- 
 
 13 
  CHAT: 'CHAT',
- 
 
 14 
  DEFAULT: 'DEFAULT',
- 
 
 15 
  GROUP_MEMBERS: 'GROUP_MEMBERS',
- 
 
 16 
  ADD_GROUP_MEMBER: 'ADD_GROUP_MEMBER',
Línea 8... Línea 17...
8 
import EmptySection from '../../components/UI/EmptySection'
 17 
}
9 
 
 18 
 
- 
 
 19 
const ChatPage = () => {
10 
const ChatPage = () => {
 20 
  const [selectedConversation, setSelectedConversation] = useState(null)
Línea 11... Línea 21...
11 
  const [selectedConversation, setSelectedConversation] = useState(null)
 21 
  const [activeTab, setActiveTab] = useState(CHAT_TABS.DEFAULT)
12 
  const labels = useSelector(({ intl }) => intl.labels)
 22 
  const labels = useSelector(({ intl }) => intl.labels)
13 
 
 23 
 
Línea -... Línea 24...
- 
 
 24 
  const changeConversation = (conversation) => {
- 
 
 25 
    setSelectedConversation(conversation)
- 
 
 26 
  }
- 
 
 27 
 
14 
  const changeConversation = (conversation) => {
 28 
  const changeTab = (tab) => {
15 
    setSelectedConversation(conversation)
 29 
    setActiveTab(tab)
16 
  }
 30 
  }
17 
 
 31 
 
18 
  return (
 32 
  return (
19 
    <Container>
 33 
    <Container>
20 
      <Row>
 34 
      <Row>
21 
        <Col md="4">
 35 
        <Col md="4">
22 
          <Contacts
 36 
          <Contacts
23 
            selectedConversation={selectedConversation}
 37 
            selectedConversation={selectedConversation}
24 
            changeConversation={changeConversation}
 38 
            changeConversation={changeConversation}
25 
          />
 - 
 
26 
        </Col>
 - 
 
27 
        <Col md="8" className="d-flex">
 - 
 
28 
          {selectedConversation ? (
 - 
 
29 
            <ChatBox
 - 
 
30 
              entity={selectedConversation}
 39 
          />
31 
              changeConversation={changeConversation}
 40 
        </Col>
32 
            />
 41 
        <Col md="8" className="d-flex">
33 
          ) : (
 42 
          {!selectedConversation && (
34 
            <EmptySection
 43 
            <EmptySection
35 
              message={labels.select_conversation}
 44 
              message={labels.select_conversation}
- 
 
 45 
              Icon={<QuestionAnswerRoundedIcon />}
- 
 
 46 
              align="center"
- 
 
 47 
            />
- 
 
 48 
          )}
- 
 
 49 
          {selectedConversation &&
- 
 
 50 
            activeTab ===
- 
 
 51 
              CHAT_TABS.DEFAULT(
- 
 
 52 
                <ChatBox
- 
 
 53 
                  entity={selectedConversation}
- 
 
 54 
                  changeConversation={changeConversation}
- 
 
 55 
                  changeTab={changeTab}
- 
 
 56 
                />
- 
 
 57 
              )}
- 
 
 58 
          {activeTab === CHAT_TABS.ADD_GROUP_MEMBER && (
- 
 
 59 
            <AddMember group={selectedConversation} />
36 
              Icon={<QuestionAnswerRoundedIcon />}
 60 
          )}
37 
              align="center"
 61 
          {activeTab === CHAT_TABS.GROUP_MEMBERS && (
38 
            />
 62 
            <GroupMembers group={selectedConversation} />
39 
          )}
 63 
          )}
40 
        </Col>
 64 
        </Col>