Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5252 Rev 5253
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { useEffect, useRef, useState } from 'react'
 2 
import React, { useEffect, useRef, useState } from 'react'
3 
import EmptySection from '../../shared/empty-section/EmptySection'
 - 
 
4 
import MessageBox from './MessageBox'
 3 
import { ArrowLeft } from '@mui/icons-material'
5 
import MessageTemplate from './MessageTemplate'
 - 
 
6 
import SpeakerNotesOffRoundedIcon from '@mui/icons-material/SpeakerNotesOffRounded'
 - 
 
7 
import QuestionAnswerRoundedIcon from '@mui/icons-material/QuestionAnswerRounded'
 - 
 
8 
import { useDispatch } from 'react-redux'
 4 
import { useDispatch } from 'react-redux'
9 
import { fetchMessages, getMessagesDifferences } from '../../services/chat'
 - 
 
10 
import { addNotification } from '../../redux/notification/notification.actions'
 5 
import { addNotification } from '../../redux/notification/notification.actions'
11 
import { axios, scrollToBottom } from '../../utils'
 6 
import { axios, scrollToBottom } from '../../utils'
- 
 
 7 
import { fetchMessages, getMessagesDifferences } from '../../services/chat'
12 
import { ArrowLeft } from '@mui/icons-material'
 8 
import QuestionAnswerRoundedIcon from '@mui/icons-material/QuestionAnswerRounded'
- 
 
 9 
import SpeakerNotesOffRoundedIcon from '@mui/icons-material/SpeakerNotesOffRounded'
13 
import Spinner from '../../shared/loading-spinner/Spinner'
 10 
import EmptySection from '../../shared/empty-section/EmptySection'
- 
 
 11 
import MessageBox from './MessageBox'
- 
 
 12 
import MessageTemplate from './MessageTemplate'
Línea 14... Línea 13...
14 
 
 13 
 
Línea 15... Línea 14...
15 
const DEFAULT_PAGES = { current: 1, last: 1 }
 14 
const DEFAULT_PAGES = { current: 1, last: 1 }
16 
 
 15 
 
Línea 116... Línea 115...
116 
      if (entry.isIntersecting) {
 115 
      if (entry.isIntersecting) {
117 
        loadMore()
 116 
        loadMore()
118 
      }
 117 
      }
119 
    })
 118 
    })
Línea -... Línea 119...
- 
 
 119 
 
120 
 
 120 
    if (lastMessage.current) {
- 
 
 121 
      observer.observe(lastMessage.current)
121 
    if (lastMessage.current) observer.observe(lastMessage.current)
 122 
    }
Línea 122... Línea 123...
122 
  }, [selectedConversation])
 123 
  }, [messages])
123 
 
 124 
 
124 
  if (!selectedConversation) {
 125 
  if (!selectedConversation) {
Línea 142... Línea 143...
142 
              message={element}
 143 
              message={element}
143 
              date={element.date}
 144 
              date={element.date}
144 
            />)
 145 
            />)
145 
          : <EmptySection message={LABELS.NO_MESSAGE_CONVERSATION} Icon={<SpeakerNotesOffRoundedIcon />} />
 146 
          : <EmptySection message={LABELS.NO_MESSAGE_CONVERSATION} Icon={<SpeakerNotesOffRoundedIcon />} />
146 
        }
 147 
        }
147 
        {pages.current < pages.last && <hr ref={lastMessage} style={{ opacity: 0, margin: 0 }}/>}
 148 
        {pages.current < pages.last && <hr ref={lastMessage} style={{ opacity: 0, margin: 0 }} />}
148 
      </div>
 149 
      </div>
149 
      <MessageBox onSend={handleSend} sendUrl={selectedConversation.send_link} />
 150 
      <MessageBox onSend={handleSend} sendUrl={selectedConversation.send_link} />
150 
    </div>
 151 
    </div>
151 
  )
 152 
  )
152 
}
 153 
}