diff --git a/jam-ui/cypress/e2e/friends/my-friends-page.cy.js b/jam-ui/cypress/e2e/friends/my-friends-page.cy.js index fe9e28ced..a97dbbab8 100644 --- a/jam-ui/cypress/e2e/friends/my-friends-page.cy.js +++ b/jam-ui/cypress/e2e/friends/my-friends-page.cy.js @@ -37,7 +37,7 @@ const closeSidePanel = () => { cy.get('[data-testid=profileSidePanel] .modal-header button.close').click(); }; -describe.only('Friends page without data', () => { +describe('Friends page without data', () => { beforeEach(() => { cy.stubAuthenticate(); // cy.intercept('POST', /\S+\/filter/, { diff --git a/jam-ui/src/components/page/JKMyFriends.js b/jam-ui/src/components/page/JKMyFriends.js index 977fb4fc9..1b7ca4da3 100644 --- a/jam-ui/src/components/page/JKMyFriends.js +++ b/jam-ui/src/components/page/JKMyFriends.js @@ -38,6 +38,7 @@ export const JKMyFriends = () => { .then(async response => { const data = await response.json(); const friendIds = data.map(friend => friend.id); + console.log('friendIds', friendIds); //fetch friends with associated data dispatch(filterFriendsByIds({ userId: currentUser.id, ids: friendIds })); //fetch latencies for friends diff --git a/jam-ui/src/components/page/JKPeopleFilter.js b/jam-ui/src/components/page/JKPeopleFilter.js index e4f13b7b7..c7ba885da 100644 --- a/jam-ui/src/components/page/JKPeopleFilter.js +++ b/jam-ui/src/components/page/JKPeopleFilter.js @@ -151,6 +151,7 @@ function JKPeopleFilter() { }; const onSubmit = (data) => { + console.log("_DEBUG_ data", data) console.log("_DEBUG_ page.current", page.current) let genres = []; let joined_within_days = ''; diff --git a/jam-ui/src/components/profile/JKMessageModal.js b/jam-ui/src/components/profile/JKMessageModal.js index e304257b5..d947bf6bf 100644 --- a/jam-ui/src/components/profile/JKMessageModal.js +++ b/jam-ui/src/components/profile/JKMessageModal.js @@ -51,7 +51,7 @@ const JKMessageModal = props => { goToBottom(); } } catch (err) { - console.log('ERROR', err); + console.error('Error when fetching messages', err); } finally { setFetching(false); } @@ -100,32 +100,32 @@ const JKMessageModal = props => { useEffect(() => { if (scrollbar && scrollbar.current) { - if (!fetching && !scrollAtTop()) { - if (messages[messages.length - 1]['senderId'] !== currentUser.id) { - if (!scrolledToBottom.current) { + if (!fetching && !scrollAtTop()) { // if not data fetching and scroll is not at top + if (messages[messages.length - 1]['senderId'] !== currentUser.id) { // if last message is not sent by current user + if (!scrolledToBottom.current) { // if not scrolled to bottom setMessagesArrived(true); } else { - goToBottom(); + //goToBottom(); // a new message has arrived, scroll to bottom } } else { - goToBottom(); + //goToBottom(); } } } }, [messages]); - useEffect(() => { - if (!messagesArrived) { - setMessagesArrived(false); - goToBottom(); - } - }, [messagesArrived]); + // useEffect(() => { + // if (!messagesArrived) { + // setMessagesArrived(false); + // goToBottom(); + // } + // }, [messagesArrived]); const handleScrollStop = scrollValues => { scrolledToBottom.current = false; - if (scrollValues.scrollTop === 0) { + if (scrollValues.scrollTop === 0) { // if scrolled to top setOffset(prev => prev + 1); - } else if (scrollValues.scrollTop === scrollValues.scrollHeight - scrollValues.clientHeight) { + } else if (scrollValues.scrollTop === scrollValues.scrollHeight - scrollValues.clientHeight) { // if scrolled to bottom scrolledToBottom.current = true; setMessagesArrived(false); } @@ -152,7 +152,7 @@ const JKMessageModal = props => { { isIterableArray(messages) && messages.map((message, index) => (