sandwichsudo

const machine = Machine(
    {
        id: 'call',
        context: {
            participants: [],
            color: '#fff',
        },
        initial: 'idle',
        states: {
            idle: {

sandwichsudo

const door = Machine({
  id: 'door',
  initial: 'idle',
  states: {
    idle: {
      context: {
        participants: [],
      },

sandwichsudo

/**
 * Credit: https://medium.com/@alfianlosari/graphql-cursor-infinite-scroll-pagination-with-react-apollo-client-and-github-api-fafbc510b667
 * This component will call the onLoadMore prop when you scroll to the bottom of the page or click
 * the button, and pass the fetched data to the component you give it
 * */

import React, { Component, Fragment } from 'react';
import PropTypes from 'prop-types';

class InfiniteScroll extends Component {

sandwichsudo

// src/services/search/searchService.spec.js

import searchService from './searchService';
import xhr from '../../xhr/xhr';

// requests the mocked version of the xhr module
jest.mock('../../xhr/xhr');

describe('search service', () => {
  describe('repoSearch', () => {

sandwichsudo

// src/containers/RepoSearchPage/actions/RepoSearchActions.spec.js

import { fetchRepos } from './RepoSearchActions';
import searchService from '../../../services/search/searchService';

jest.mock('../../../services/search/searchService');

describe('repo search actions', () => {
  describe('fetchRepos', () => {
    it('should call searchService.repoSearch', async () => {

sandwichsudo

// src/services/search/searchService.js

import xhr from '../../xhr/xhr';

const repoSearch = async () => {
  const { data } = await xhr._get('/search/repositories?q=language:javascript&sort=stars&order=desc');
  return data;
};

export default {

sandwichsudo

// src/containers/RepoSearchPage/actions/RepoSearchActions.js

import searchService from '../../../services/search/searchService';

export const fetchRepos = () => async (dispatch) => {
  const { items } = await searchService.repoSearch();
};

sandwichsudo

// src/containers/RepoSearchPage/page/RepoSearchPage.js

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import RepoResultsList from '../components/RepoResultsList/RepoResultsList';

class RepoSearchPage extends Component {
  constructor(props) {
    super(props);

sandwichsudo

// src/containers/RepoSearchPage/actions/RepoSearchActions.spec.js

import { fetchRepos } from './RepoSearchActions';
import searchService from '../../../services/search/searchService';
import { actionTypes } from '../RepoSearchConstants';

jest.mock('../../../services/search/searchService');

describe('repo search actions', () => {
  describe('fetchRepos', () => {

sandwichsudo

// src/containers/RepoSearchPage/actions/RepoSearchActions.js

import searchService from '../../../services/search/searchService';
import { actionTypes } from '../RepoSearchConstants';

export const fetchRepos = () => async (dispatch) => {
  const { items } = await searchService.repoSearch();
  dispatch({
    type: actionTypes.UPDATE_RESULTS,
    items,