therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use hoc definitions to be factor of factory

Browse source
This commit is contained in:
taehoon 2019-02-13 22:52:57 -05:00
parent 8f608e060c
commit f81b82b471
4 changed files with 22 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/hocs/with_subscription/with_subscription.js
View file

@ -4,8 +4,8 @@ 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 withSubscription = ({ fetch, select, contentPropName = 'content' }) => (WrapperComponent) => {
const originalProps = WrapperComponent.props || []
const props = reject(originalProps, v => v === 'content')
return Vue.component('withSubscription', {
@ -19,7 +19,7 @@ const withSubscription = (Component, fetch, select, contentPropName = 'content')
}
return (
<div class="with-subscription">
{!this.error && !this.loading && <Component {...props} />}
{!this.error && !this.loading && <WrapperComponent {...props} />}
<div class="with-subscription-footer">
{this.error && <a onClick={this.fetchData} class="alert error">{this.$t('general.generic_error')}</a>}
{!this.error && this.loading && <i class="icon-spin3 animate-spin"/>}