diff --git a/jam-ui/src/components/profile/JKMessageButton.js b/jam-ui/src/components/profile/JKMessageButton.js index f476dd759..590e335bf 100644 --- a/jam-ui/src/components/profile/JKMessageButton.js +++ b/jam-ui/src/components/profile/JKMessageButton.js @@ -27,7 +27,7 @@ const JKMessageButton = props => { outline={outline} className={cssClasses} data-testid="message" - disabled={!isFriend || pendingFriendRequest} + disabled={!isFriend} > {children} diff --git a/jam-ui/src/components/profile/JKMessageModal.js b/jam-ui/src/components/profile/JKMessageModal.js index 15f4d91c4..ff26540c1 100644 --- a/jam-ui/src/components/profile/JKMessageModal.js +++ b/jam-ui/src/components/profile/JKMessageModal.js @@ -1,7 +1,6 @@ import React, { useEffect, useState, useRef } from 'react'; -import { Modal, ModalHeader, ModalBody, Row, Col, Button, ModalFooter, Alert } from 'reactstrap'; +import { Modal, ModalHeader, ModalBody, Row, Col, Button, ModalFooter } from 'reactstrap'; import { Scrollbar } from 'react-scrollbars-custom'; -//import TimeAgo from 'react-timeago'; import TimeAgo from '../common/JKTimeAgo' import JKProfileAvatar from './JKProfileAvatar'; import { useAuth } from '../../context/AuthContext'; @@ -43,6 +42,9 @@ const JKMessageModal = props => { const options = { userId: user.id, offset: offset, limit: LIMIT }; setFetching(true); await dispatch(fetchMessagesByReceiverId(options)).unwrap(); + if(messages.length < LIMIT){ + goToBottom(); + } } catch (err) { console.log('ERROR', err); } finally { @@ -85,7 +87,6 @@ const JKMessageModal = props => { }; useEffect(() => { - //if (show && messages.length === 0) { if (show) { fetchMessages(); } @@ -143,7 +144,7 @@ const JKMessageModal = props => { mobileNative={true} trackClickBehavior="step" > - { isIterableArray(messages) ? + { isIterableArray(messages) && messages.map((message, index) => (