Class EmptyStateView

components/EmptyStateView.js:10–51

import { View } from './View';

class EmptyStateView extends PureComponent {
  constructor(props) {
    super(props);

    autoBindReact(this);
  }

  onRetry() {
    const { onRetry } = this.props;

    onRetry();
  }

  renderRetryButton() {
    const { retryButtonTitle } = this.props;

    // Show retry button at the bottom only if there is an onRetry action passed
    return (
      <View styleName="horizontal anchor-bottom">
        <Button styleName="full-width" onPress={this.onRetry}>
          <Text>{retryButtonTitle}</Text>
        </Button>
      </View>
    );
  }

  render() {
    const { icon, message, onRetry, ...otherProps } = this.props;

    return (
      <View {...otherProps} styleName="vertical flexible h-center v-center">
        <View styleName="icon-placeholder">
          <Icon name={icon} />
        </View>

        <Subtitle styleName="h-center">{message}</Subtitle>

        {onRetry && this.renderRetryButton()}
      </View>
    );
  }
}

EmptyStateView.propTypes = {
  icon: PropTypes.string,