logic/hooks/useAgencies.js

useAgencies.js

import { useQuery } from "react-apollo-hooks";
import { gql } from "apollo-boost";

import { initAgencies, selectAgency } from "../agencies";
import useRedux from "./useRedux";
import useLoaded from "./useLoaded";

const agencyQuery = gql`
  query Agencies { ... }
`;

const useAgencies = () => {
  const query = useQuery(agencyQuery);

  const {
    agencies,
    selectedAgency,
    dispatchInitAgencies,
    dispatchSelectAgency
  } = useRedux(
    state => ({
      agencies: state.agencies.agencies,
      selectedAgency: state.agencies.selectedAgency
    }),
    dispatch => ({
      dispatchInitAgencies: () => dispatch(initAgencies(query.data.agencies)),
      dispatchSelectAgency: agency => dispatch(selectAgency(agency))
    }),
    [query.data.agencies]
  );

  useLoaded(query, () => dispatchInitAgencies());

  return { agencies, selectedAgency, selectAgency: dispatchSelectAgency };
};

export default useAgencies;