codefund-api

codefund-api.js

import {useEffect, useState, useReducer} from 'react';

const dataFetchReducer = (state, action) => {
  switch (action.type) {
    case 'FETCH_INIT':
      return {
        ...state,
        isLoading: true,
        isError: false
      };
    case 'FETCH_SUCCESS':
      return {
        ...state,
        isLoading: false,
        isError: false,
        data: action.payload,
      };
    case 'FETCH_FAILURE':
      return {
        ...state,
        isLoading: false,
        isError: true,
      };
    default:
      throw new Error();
  }
};

const useCodeFundAd = (id) => {
  /* --- State --- */
  const [apiUrl] = useState(`https://app.codefund.io/properties/${id}/funder.json`);

  /* --- Reducer --- */
  const [state, dispatch] = useReducer(dataFetchReducer, {
    isLoading: false,
    isError: false,
    data: undefined,
  });

  /* --- Effect --- */
  useEffect(() => {
    let didCancel = false;
    const fetchData = async () => {
      dispatch({type: 'FETCH_INIT'});
      try {
        const result = await fetch(url);
        if (!didCancel) {
          dispatch({type: 'FETCH_SUCCESS', payload: result.data});
        }
      } catch (error) {
        if (!didCancel) {
          dispatch({type: 'FETCH_FAILURE'});
        }
      }
    };
    fetchData();
    return () => {
      didCancel = true;
    };
  }, [url]);
  return [state, setUrl];
};