diff options
| author | Shpuld Shpludson <shp@cock.li> | 2018-12-13 14:51:27 +0000 |
|---|---|---|
| committer | Shpuld Shpludson <shp@cock.li> | 2018-12-13 14:51:27 +0000 |
| commit | 25a88da17abf9ab1282076aa52f2f061b341fc0d (patch) | |
| tree | 6b42b648f15ba3dd075ab526e43dbd8d2b6d4eac /src | |
| parent | dbe79a3c2673b9a14bd8f3b037eca5999dd6a018 (diff) | |
| parent | 8b1e1b182a63ebfd7a23e09efd964e843e340d81 (diff) | |
Merge branch 'fix_loading_flicker' into 'develop'
Throttle fetching old statuses to prevent spam, especially during scroll
Closes #176
See merge request pleroma/pleroma-fe!393
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/timeline/timeline.js | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js index a651f619..f28b85bd 100644 --- a/src/components/timeline/timeline.js +++ b/src/components/timeline/timeline.js @@ -2,6 +2,7 @@ import Status from '../status/status.vue' import timelineFetcher from '../../services/timeline_fetcher/timeline_fetcher.service.js' import StatusOrConversation from '../status_or_conversation/status_or_conversation.vue' import UserCard from '../user_card/user_card.vue' +import { throttle } from 'lodash' const Timeline = { props: [ @@ -88,7 +89,7 @@ const Timeline = { this.paused = false } }, - fetchOlderStatuses () { + fetchOlderStatuses: throttle(function () { const store = this.$store const credentials = store.state.users.currentUser.credentials store.commit('setLoading', { timeline: this.timelineName, value: true }) @@ -101,7 +102,7 @@ const Timeline = { userId: this.userId, tag: this.tag }).then(() => store.commit('setLoading', { timeline: this.timelineName, value: false })) - }, + }, 1000, this), fetchFollowers () { const id = this.userId this.$store.state.api.backendInteractor.fetchFollowers({ id }) |