Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3713 Rev 4346
Línea -... Línea 1...
- 
 
 1 
/* eslint-disable react/prop-types */
1 
import React, { useEffect, useState } from 'react'
 2 
import React, { useEffect, useState } from 'react'
2 
import { axios } from '../utils'
 3 
import { axios } from '../utils'
3 
import { Modal } from 'react-bootstrap'
 4 
import { Modal } from 'react-bootstrap'
4 
import ChatMail from "./inmail/inmail"
 5 
import ChatMail from "./inmail/inmail"
5 
import Sidebar from './inmail/sidebar'
 6 
import Sidebar from './inmail/sidebar'
Línea 216... Línea 217...
216 
                            Cerrar
 217 
                            Cerrar
217 
                        </a>
 218 
                        </a>
218 
                    </div>
 219 
                    </div>
219 
                </div>
 220 
                </div>
220 
            </Modal>
 221 
            </Modal>
221 
            <section className="messages-page">
 222 
            <div className="messages-sec container">
222 
                <div className="ph-5">
 223 
                <div className="row">
223 
                    <div className="messages-sec">
 - 
 
224 
                        <div className="row">
 - 
 
225 
                            <div className={`col-lg-3 col-md-12 inmail_conversations-list border-none ${showConversations && 'msgs-hide'}`}>
 224 
                    <div className={`col-md-4 col-12 ${showConversations && 'msgs-hide'}`}>
226 
                                <div className="border-gray border-radius inmail_contacts">
 - 
 
227 
                                    <div className="msgs-list">
 225 
                        <div className="chat_contacts">
228 
                                        <div className="msg-title border-none">
 - 
 
229 
                                            <h1 className="font-weight-bold">Personas</h1>
 226 
                            <h1 className='chat-title'>Personas</h1>
230 
                                            <div className="msgs_icons-container">
 227 
                            <div className="msgs_icons-container">
231 
                                                {
 - 
 
232 
                                                    !showConversations
 - 
 
233 
                                                    &&
 228 
                                {!showConversations &&
234 
                                                    <i
 229 
                                    <i
235 
                                                        className='fa fa-search icon text-gray'
 230 
                                        className='fa fa-search icon text-gray'
236 
                                                        onClick={() => setSearchActive(!searchActive)}
 231 
                                        onClick={() => setSearchActive(!searchActive)}
237 
                                                    />
 - 
 
238 
                                                }
 - 
 
239 
                                                <i
 - 
 
240 
                                                    className='fa fa-plus icon text-gray'
 - 
 
241 
                                                    onClick={() => setVisible(true)}
 - 
 
242 
                                                />
 - 
 
243 
                                            </div>
 - 
 
244 
                                        </div>
 - 
 
245 
                                    </div>
 - 
 
246 
                                    <Sidebar
 - 
 
247 
                                        click={handleChangeConversation}
 - 
 
248 
                                        conversations={conversations}
 - 
 
249 
                                        selectedConversation={selectedConversation}
 - 
 
250 
                                        searchActive={searchActive}
 - 
 
251 
                                        handleShowConversation={handleShowConversation}
 - 
 
252 
                                    />
 232 
                                    />
- 
 
 233 
                                }
253 
                                </div>
 234 
                                <i
- 
 
 235 
                                    className='fa fa-plus icon text-gray'
- 
 
 236 
                                    onClick={() => setVisible(true)}
- 
 
 237 
                                />
254 
                            </div>
 238 
                            </div>
- 
 
 239 
                            <Sidebar
- 
 
 240 
                                click={handleChangeConversation}
- 
 
 241 
                                conversations={conversations}
- 
 
 242 
                                selectedConversation={selectedConversation}
- 
 
 243 
                                searchActive={searchActive}
- 
 
 244 
                                handleShowConversation={handleShowConversation}
- 
 
 245 
                            />
- 
 
 246 
                        </div>
- 
 
 247 
                    </div>
255 
                            <div className={`col-lg-9 col-md-12 pd-right-none pd-left-none ${!showConversations && 'msgs-hide'}`}>
 248 
                    <div className={`col-md-9 col-12 ${!showConversations && 'msgs-hide'}`}>
256 
                                <div className="ph-5 h-100">
 249 
                        {selectedConversation
- 
 
 250 
                            ?
257 
                                    <ChatMail
 251 
                            <ChatMail
258 
                                        getMoreMessages={() => getMoreMessages()}
 252 
                                getMoreMessages={() => getMoreMessages()}
259 
                                        backendVars={props.backendVars}
 253 
                                backendVars={props.backendVars}
260 
                                        onSend={text => handleSend(text)}
 254 
                                onSend={text => handleSend(text)}
261 
                                        messages={messages}
 255 
                                messages={messages}
262 
                                        setMsgs={setMessages}
 256 
                                setMsgs={setMessages}
263 
                                        selectedConversation={selectedConversation}
 257 
                                selectedConversation={selectedConversation}
264 
                                        handleShowConversation={handleShowConversation}
 258 
                                handleShowConversation={handleShowConversation}
265 
                                        loading={isGettingMessages}
 259 
                                loading={isGettingMessages}
- 
 
 260 
                            />
- 
 
 261 
                            :
- 
 
 262 
                            <div className='message-select-conversation'>
- 
 
 263 
                                <div className='msgs-select-container'>
- 
 
 264 
                                    <i className='fas fa-comments icon' />
- 
 
 265 
                                    <h3>
- 
 
 266 
                                        No hay mensajes
266 
                                    />
 267 
                                    </h3>
267 
                                </div>
 268 
                                </div>
268 
                            </div>
 269 
                            </div>
269 
                        </div>
 270 
                        }
270 
                    </div>
 271 
                    </div>
271 
                </div>
 272 
                </div>
272 
            </section>
 273 
            </div>
273 
        </>
 274 
        </>
274 
    )
 275 
    )
275 
}
 276 
}
Línea 276... Línea 277...
276 
 
 277 
 
277 
export default Inmail
 278 
export default Inmail