Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 851 Rev 853
Línea 15... Línea 15...
15 
    const paneDidMount = (node) => {
 15 
    const paneDidMount = (node) => {
16 
        if (node) {
 16 
        if (node) {
17 
            node.addEventListener("scroll", handleScroll.bind(this));
 17 
            node.addEventListener("scroll", handleScroll.bind(this));
18 
        }
 18 
        }
19 
    }
 19 
    }
- 
 
 20 
 
- 
 
 21 
    useEffect(() => {
- 
 
 22 
        paneDidMount.current?.scrollIntoView({ behavior: "smooth" });
- 
 
 23 
      }, [messages]);
- 
 
 24 
 
20 
    return (
 25 
    return (
21 
        <React.Fragment>
 26 
        <React.Fragment>
22 
            <div className="main-conversation-box">
 27 
            <div className="main-conversation-box">
23 
                {
 28 
                {
24 
                    !selectedConversation
 29 
                    !selectedConversation
Línea 61... Línea 66...
61 
                            >
 66 
                            >
62 
                                {
 67 
                                {
63 
                                    (messages)
 68 
                                    (messages)
64 
                                    &&
 69 
                                    &&
65 
                                    (
 70 
                                    (
66 
                                        messages.map((element, i) => {
 71 
                                        [...messages].reverse().map((element, i) => {
67 
                                            const isLeft = element.side === 'left'
 72 
                                            const isLeft = element.side === 'left'
68 
                                            return (
 73 
                                            return (
69 
                                                <div
 74 
                                                <div
70 
                                                    className={`main-message-box ${isLeft ? 'st3' : 'ta-right'}`}
 75 
                                                    className={`main-message-box ${isLeft ? 'st3' : 'ta-right'}`}
71 
                                                    key={element.message}
 76 
                                                    key={element.message}