scroll to bottom on img load

src/pages/chat.js

@@ -566,7 +566,14 @@ export default class Chat extends React.Component {
     } else if (type === 'img') {
       return (
         <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>
       )
     } else if (type === 'file') {
@@ -604,6 +611,7 @@ export default class Chat extends React.Component {
       <div
         className={`${styles.loadMore} ${styles.loadMoreActive}`}
         onClick={() => {
+          this.setState({ skipBottomScroll: true })
           this.socket.emit('get chat messages', {
             chatPartner: selectedUser,
             from: firstMessage.date,