ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-12 23:35:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add: loading state; for button during fetchConnections

Browse Source
This commit is contained in:
Raphael Beer 2020-03-26 07:44:55 +01:00
parent d07bccfcaf
commit ee1d33d084
No known key found for this signature in database
GPG Key ID: C1AC5E018B25EF11
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
webapp/components/features/FollowList.vue
View File

@ -16,7 +16,12 @@
</client-only>
</ds-space>
<ds-space v-if="this.allConnectionsCount - this.connections.length" margin="small">
<base-button @click="fetchConnections" size="small" color="softer">
<base-button
@click="fetchConnections"
:loading="this.isLoading"
size="small"
color="softer"
>
{{
$t('profile.network.andMore', {
number: this.allConnectionsCount - this.connections.length,
@ -69,6 +74,7 @@ export default {
return {
additionalConnections: [],
filter: null,
isLoading: false,
queries: {
followedBy: followedByQuery,
following: followingQuery,
@ -116,12 +122,14 @@ export default {
return uniqBy(items, field)
},
async fetchConnections() {
this.$set(this, 'isLoading', true)
const { data } = await this.$apollo.query({
query: this.queries[this.type],
variables: { id: this.user.id },
// neither result nor update are being called when defined here (?)
})
this.additionalConnections = data.User[0][this.type]
this.$set(this, 'isLoading', false)
},
setFilter(evt) {
this.$set(this, 'filter', evt.target.value)