diff --git a/src/components/user_settings/user_settings.vue b/src/components/user_settings/user_settings.vue
index 5cf2181522..5bae583cfd 100644
--- a/src/components/user_settings/user_settings.vue
+++ b/src/components/user_settings/user_settings.vue
@@ -164,7 +164,7 @@
-
+
diff --git a/src/hocs/with_subscription/with_subscription.js b/src/hocs/with_subscription/with_subscription.js
index 31fc106fca..633517e308 100644
--- a/src/hocs/with_subscription/with_subscription.js
+++ b/src/hocs/with_subscription/with_subscription.js
@@ -1,24 +1,25 @@
import Vue from 'vue'
-import filter from 'lodash/filter'
+import reject from 'lodash/reject'
import isEmpty from 'lodash/isEmpty'
+import omit from 'lodash/omit'
import './with_subscription.scss'
const withSubscription = (Component, fetch, select, contentPropName = 'content') => {
const originalProps = Component.props || []
- const props = filter(originalProps, v => v !== 'content')
+ const props = reject(originalProps, v => v === 'content')
return Vue.component('withSubscription', {
render (createElement) {
const props = {
props: {
- ...this.$props,
+ ...omit(this.$props, 'refresh'),
[contentPropName]: this.fetchedData
},
on: this.$listeners
}
return (
-
+ {!this.error && !this.loading && }
)
},
- props,
+ props: [...props, 'refresh'],
data () {
return {
loading: false,
@@ -39,7 +40,7 @@ const withSubscription = (Component, fetch, select, contentPropName = 'content')
}
},
created () {
- if (isEmpty(this.fetchedData)) {
+ if (this.refresh || isEmpty(this.fetchedData)) {
this.fetchData()
}
},