modules-pack/_template/_Template.js

JavaScript Modules for Modern Frontend & Backend Projects

import { connect, stateAction } from 'modules-pack/redux'
import React, { Component } from 'react'
import Button from 'react-ui-pack/Button'
import Icon from 'react-ui-pack/Icon'
import Row from 'react-ui-pack/Row'
import Text from 'react-ui-pack/Text'
import View from 'react-ui-pack/View'
import { logRender, SET } from 'utils-pack'
import { _TEMPLATE } from './constants'
import select from './selectors'

/**
 * MAP STATE & ACTIONS TO PROPS ------------------------------------------------
 * -----------------------------------------------------------------------------
 */
const mapStateToProps = (state) => ({
  loading: select.loading(state)
})
const mapDispatchToProps = (dispatch) => ({
  actions: {
    set: (payload) => dispatch(stateAction(_TEMPLATE, SET, payload))
  }
})

/**
 * VIEW TEMPLATE ---------------------------------------------------------------
 * -----------------------------------------------------------------------------
 */
@connect(mapStateToProps, mapDispatchToProps)
@logRender
export default class _Template extends Component {
  render () {
    const {actions, loading} = this.props
    return (
      <View className='app__name'>
        <Row>
          <Button onClick={actions.set}><Icon name='search'/>{loading}</Button>
          <Text>{_TEMPLATE}</Text>
        </Row>
      </View>
    )
  }
}