albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

scroll to bottom on img load

Browse source
This commit is contained in:
mrfry 2022-11-21 14:50:14 +01:00
parent 3029d255ea
commit a278961316
1 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/pages/chat.js
View file

@ -566,7 +566,14 @@ export default class Chat extends React.Component {
} else if (type === 'img') { } else if (type === 'img') {
return ( return (
<a key={key} href={msg} rel="noreferrer" target="_blank"> <a key={key} href={msg} rel="noreferrer" target="_blank">
<img src={`${constants.apiUrl}${msg}`} /> <img
onLoad={() => {
if (!this.state.skipBottomScroll) {
this.scrollToChatBottom()
}
}}
src={`${constants.apiUrl}${msg}`}
/>
</a> </a>
) )
} else if (type === 'file') { } else if (type === 'file') {
@ -604,6 +611,7 @@ export default class Chat extends React.Component {
<div <div
className={`${styles.loadMore} ${styles.loadMoreActive}`} className={`${styles.loadMore} ${styles.loadMoreActive}`}
onClick={() => { onClick={() => {
this.setState({ skipBottomScroll: true })
this.socket.emit('get chat messages', { this.socket.emit('get chat messages', {
chatPartner: selectedUser, chatPartner: selectedUser,
from: firstMessage.date, from: firstMessage.date,