Home.js

import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
import NetInfo from '@react-native-community/netinfo';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import React, { Component } from 'react';
import HomeScreen from './components/HomeScreen/HomeScreen';
import ForMeScreen from './components/ForMeScreen/ForMeScreen';
import NearMeScreen from './components/NearMeScreen/NearMeScreen';
import NowScreen from './components/NowScreen/NowScreen';
import { getAllData, getMeetingData, getLocation } from './util/apiCalls';
import { setAllResources, setAllCategories, setAllMeetings } from './actions';

export const MainNavigator = createStackNavigator({
  Home: { screen: HomeScreen },
  ForMe: { screen: ForMeScreen },
  NearMe: { screen: NearMeScreen },
  Now: { screen: NowScreen },
});

const AppContainer = createAppContainer(MainNavigator);

class Home extends Component {
  componentDidMount() {
    this.internetCheck();
  }

  getDataWithConnection = async () => {
    const { setAllResources, setAllCategories } = this.props;
    const response = await getAllData();
    setAllResources(response.data.resources);
    setAllCategories(response.data.resources);
  };

  getMeetings = async () => {
    const { setAllMeetings } = this.props;
    const responseMeetings = await getMeetingData();

    const results = await responseMeetings.data.recovery.map(async (meeting) => {
      const location = await getLocation(meeting.address);
      return { ...meeting, ...location };
    });

    const resolvedPromises = await Promise.all(results);

    setAllMeetings(resolvedPromises);
  };

  internetCheck = () => {
    NetInfo.fetch().then((state) => {
      if (!state.isConnected) {
        console.warn('PLEASE CONNECT TO INTERNET');
      } else {
        this.getDataWithConnection();
        this.getMeetings();
      }
    });
  };

  render() {
    return <AppContainer />;
  }
}

export const mapStateToProps = (state) => ({
  allResources: state.allResources,
  allMeetings: state.allMeetings,
});

export const mapDispatchToProps = (dispatch) => {
  return bindActionCreators(
    {
      setAllResources,
      setAllCategories,
      setAllMeetings,
    },
    dispatch,
  );
};
export default connect(mapStateToProps, mapDispatchToProps)(Home);