Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useEffect, useState } from 'react'

import Contacts from '../components/contacts/Contacts'

import Chat from '../components/chat/Chat'

import GroupMembers from '../components/group-members/GroupMembers'

import AddMember from '../components/add-member/AddMember'

const CHAT_TABS = {

  CHAT: 'CHAT',

  DEFAULT: 'DEFAULT',

  GROUP_MEMBERS: 'GROUP_MEMBERS',

  ADD_GROUP_MEMBER: 'ADD_GROUP_MEMBER',

}

const MobileChat = ({ chatUsers = [], chatGroups = [], timezones = {} }) => {

  const [selectedConversation, setSelectedConversation] = useState(null)

  const [activeTab, setActiveTab] = useState(CHAT_TABS.DEFAULT)

  const openChat = (entity) => {

    setSelectedConversation(entity)

    setActiveTab(CHAT_TABS.CHAT)

  }

  const changeTab = (tab) => {

    setActiveTab(tab)

  }

  useEffect(() => {

    activeTab === CHAT_TABS.DEFAULT && setSelectedConversation(null)

  }, [activeTab])

  return (

    <>

      {activeTab === CHAT_TABS.DEFAULT && (

        <Contacts

          persons={chatUsers}

          groups={chatGroups}

          selectedConversation={selectedConversation}

          changeConversation={(conversation) => openChat(conversation)}

        />

      )}

      {activeTab === CHAT_TABS.CHAT && (

        <Chat

          entity={selectedConversation}

          timezones={timezones}

          changeTab={changeTab}

        />

      )}

      {activeTab === CHAT_TABS.ADD_GROUP_MEMBER && (

        <AddMember group={selectedConversation} />

      )}

      {activeTab === CHAT_TABS.GROUP_MEMBERS && (

        <GroupMembers group={selectedConversation} />

      )}

    </>

  )

}

export default MobileChat