arojunior / awesome-feed

import { compose, branch, renderComponent, renderNothing } from 'recompose';

import { graphql } from 'react-apollo';

import { getGithubActivity } from 'services/graphQLQuery';

import MainFeedComponent from 'components/MainFeedComponent';

import SpinnerComponent from 'components/SpinnerComponent';

import ErrorComponent from 'components/ErrorComponent';

const isLoading = ({ activity }) => activity.loading;

const hasError = ({ activity }) => activity.error;

const hasNoData = ({ activity }) => !activity;

const nonOptimalStates = states =>

  compose(

    ...states.map(state => branch(state.when, renderComponent(state.render)))

  );

export default compose(

  graphql(getGithubActivity, {

    name: 'activity'

  }),

  nonOptimalStates([

    { when: hasNoData, render: renderNothing() },

    { when: hasError, render: ErrorComponent },

    { when: isLoading, render: SpinnerComponent }

  ])

)(MainFeedComponent);