diff --git a/app/javascript/chat/actions.js b/app/javascript/chat/actions.js index 2dd5d4bd1..8d370bb46 100644 --- a/app/javascript/chat/actions.js +++ b/app/javascript/chat/actions.js @@ -76,7 +76,7 @@ export function getChannels(query,retrievalID, props, paginationNumber, successC const client = algoliasearch(props.algoliaId, props.algoliaKey); const index = client.initIndex(props.algoliaIndex); index.search(query,{ - hitsPerPage: 24, + hitsPerPage: 30 + paginationNumber, page: paginationNumber }) .then(function(content) { diff --git a/app/javascript/chat/channels.jsx b/app/javascript/chat/channels.jsx index 3d69cf72c..4c632e4aa 100644 --- a/app/javascript/chat/channels.jsx +++ b/app/javascript/chat/channels.jsx @@ -89,7 +89,7 @@ const Channels = ({ activeChannelId, }); let channelsListFooter = "" if (channels.length === 30) { - channelsListFooter =
You may connect with any dev you mutually follow. Use the filter to discover all your channels.
+ channelsListFooter =
...
} let topNotice = '' if (expanded && diff --git a/app/javascript/chat/chat.jsx b/app/javascript/chat/chat.jsx index 114898bbe..2a8b09023 100644 --- a/app/javascript/chat/chat.jsx +++ b/app/javascript/chat/chat.jsx @@ -174,16 +174,17 @@ export default class Chat extends Component { } loadPaginatedChannels = (channels) => { - const currentChannelIds = this.state.chatChannels.map((channel, index) => { + const currentChannels = this.state.chatChannels; + const currentChannelIds = currentChannels.map((channel, index) => { return channel.id }) - let newChannels = this.state.chatChannels + let newChannels = currentChannels channels.forEach((channel, index) => { if (!currentChannelIds.includes(channel.id)) { newChannels.push(channel) } }); - if (this.state.channelPaginationNum === 10) { + if (currentChannels.length === newChannels.length && this.state.channelPaginationNum > 3) { return } this.setState({ @@ -294,13 +295,12 @@ export default class Chat extends Component { }; handleChannelScroll = e => { - if (this.state.fetchingPaginatedChannels || this.state.chatChannels.length < 20) { + if (this.state.fetchingPaginatedChannels || this.state.chatChannels.length < 30) { return } - this.setState({fetchingPaginatedChannels: true}) const target = e.target; - if((target.scrollTop + target.offsetHeight + 600) > target.scrollHeight) - { + if((target.scrollTop + target.offsetHeight + 1800) > target.scrollHeight) { + this.setState({fetchingPaginatedChannels: true}) getChannels( this.state.filterQuery, this.state.activeChannelId, @@ -456,7 +456,6 @@ export default class Chat extends Component { setActiveContent = response => { let newActiveContent = this.state.activeContent newActiveContent[this.state.activeChannelId] = response - console.log(newActiveContent) this.setState({activeContent: newActiveContent}); setTimeout(function() { document.getElementById("chat_activecontent").scrollTop = 0;