Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 872 Rev 873
Línea 3... Línea 3...
3 
export default ({ messages, selectedConversation, onSend, backendVars, getMoreMessages, handleShowConversation }) => {
 3 
export default ({ messages, selectedConversation, onSend, backendVars, getMoreMessages, handleShowConversation }) => {
Línea 4... Línea 4...
4 
 
 4 
 
5 
    const [text, setText] = useState('')
 5 
    const [text, setText] = useState('')
Línea 6... Línea 6...
6 
    const lastMessage = useRef(null);
 6 
    const lastMessage = useRef(null);
7 
 
 7 
 
8 
   /*  const handleScroll = (event) => {
 8 
    /*  const handleScroll = (event) => {
9 
        const node = event.target;
 9 
         const node = event.target;
10 
        console.log(node)
 10 
         console.log(node)
11 
        console.log(node.scrollTop)
 11 
         console.log(node.scrollTop)
12 
        console.log(node.scrollHeight)
 12 
         console.log(node.scrollHeight)
13 
         if (node.scrollTop >= (node.scrollHeight * .82)) {
 13 
          if (node.scrollTop >= (node.scrollHeight * .82)) {
14 
            getMoreMessages()
 14 
             getMoreMessages()
Línea 15... Línea 15...
15 
        }
 15 
         }
16 
    } */
 16 
     } */
17 
 
 17 
 
18 
    /* useEffect(() => {
 18 
    /* useEffect(() => {
Línea 72... Línea 72...
72 
                                    &&
 72 
                                    &&
73 
                                    (
 73 
                                    (
74 
                                        [...messages].reverse().map((element, i) => {
 74 
                                        [...messages].reverse().map((element, i) => {
75 
                                            const isLeft = element.side === 'left'
 75 
                                            const isLeft = element.side === 'left'
76 
                                            return (
 76 
                                            return (
77 
                                                <div
 - 
 
78 
                                                    className={`main-message-box ${isLeft ? 'st3' : 'ta-right'}`}
 - 
 
79 
                                                    key={element.message}
 - 
 
80 
                                                    ref={i === messages.length - 1 && lastMessage}
 77 
                                                i === (messages.length - 1)
81 
                                                >
 78 
                                                    ?
82 
                                                    <div className="messg-usr-img">
 - 
 
83 
                                                        <img
 - 
 
84 
                                                            src={element.sender_image}
 - 
 
85 
                                                            onClick={() => window.location.href = element.sender_profile}
 - 
 
86 
                                                            className="cursor-pointer"
 - 
 
87 
                                                            alt={element.sender_name}
 - 
 
88 
                                                        />
 - 
 
89 
                                                    </div>
 - 
 
90 
                                                    <div
 79 
                                                    <div
- 
 
 80 
                                                        className={`main-message-box ${isLeft ? 'st3' : 'ta-right'}`}
91 
                                                        className="message-dt"
 81 
                                                        key={element.message}
- 
 
 82 
                                                        ref={lastMessage}
92 
                                                    >
 83 
                                                    >
- 
 
 84 
                                                        <div className="messg-usr-img">
- 
 
 85 
                                                            <img
- 
 
 86 
                                                                src={element.sender_image}
- 
 
 87 
                                                                onClick={() => window.location.href = element.sender_profile}
- 
 
 88 
                                                                className="cursor-pointer"
- 
 
 89 
                                                                alt={element.sender_name}
- 
 
 90 
                                                            />
- 
 
 91 
                                                        </div>
93 
                                                        <div
 92 
                                                        <div
- 
 
 93 
                                                            className="message-dt"
- 
 
 94 
                                                        >
- 
 
 95 
                                                            <div
94 
                                                            className="message-inner-dt"
 96 
                                                                className="message-inner-dt"
Línea -... Línea 97...
- 
 
 97 
 
- 
 
 98 
                                                            >
- 
 
 99 
                                                                <p className='w-100'>{element.message}</p>
- 
 
 100 
                                                            </div>
- 
 
 101 
                                                            <span>{element.date}</span>
- 
 
 102 
                                                        </div>
- 
 
 103 
                                                    </div>
- 
 
 104 
                                                    :
- 
 
 105 
                                                    <div
- 
 
 106 
                                                        className={`main-message-box ${isLeft ? 'st3' : 'ta-right'}`}
- 
 
 107 
                                                        key={element.message}
- 
 
 108 
                                                    >
- 
 
 109 
                                                        <div className="messg-usr-img">
- 
 
 110 
                                                            <img
- 
 
 111 
                                                                src={element.sender_image}
- 
 
 112 
                                                                onClick={() => window.location.href = element.sender_profile}
- 
 
 113 
                                                                className="cursor-pointer"
- 
 
 114 
                                                                alt={element.sender_name}
- 
 
 115 
                                                            />
- 
 
 116 
                                                        </div>
- 
 
 117 
                                                        <div
95 
 
 118 
                                                            className="message-dt"
- 
 
 119 
                                                        >
- 
 
 120 
                                                            <div
- 
 
 121 
                                                                className="message-inner-dt"
- 
 
 122 
 
96 
                                                        >
 123 
                                                            >
- 
 
 124 
                                                                <p className='w-100'>{element.message}</p>
- 
 
 125 
                                                            </div>
97 
                                                            <p className='w-100'>{element.message}</p>
 126 
                                                            <span>{element.date}</span>
98 
                                                        </div>
 - 
 
99 
                                                        <span>{element.date}</span>
 127 
                                                        </div>
100 
                                                    </div>
 - 
 
101 
                                                </div>
 128 
                                                    </div>
102 
                                            )
 129 
                                            )
103 
                                        })
 130 
                                        })
104 
                                    )
 131 
                                    )
105 
                                }
 132 
                                }