ecency-mobile/src/containers/loggedInContainer.js

/* eslint-disable no-unused-vars */
import React from 'react';
import { useIntl } from 'react-intl';
import { connect } from 'react-redux';
import ROUTES from '../constants/routeNames';
import { navigate } from '../navigation/service';

import { NoPost } from '../components';

const LoggedInContainer = ({ isLoggedIn, isLoginDone, children }) => {
  const intl = useIntl();

  if (!isLoggedIn) {
    return (
      <NoPost
        style={{ flex: 1 }}
        isButtonText
        defaultText={intl.formatMessage({
          id: 'profile.login_to_see',
        })}
        handleOnButtonPress={() => navigate(ROUTES.SCREENS.LOGIN)}
      />
    );
  }

  return (
    children &&
    children({
      isLoggedIn,
      isLoginDone,
    })
  );
};

const mapStateToProps = state => ({
  isLoggedIn: state.application.isLoggedIn,
  isLoginDone: state.application.isLoginDone,
});

export default connect(mapStateToProps)(LoggedInContainer);
/* eslint-enable */