Non-generic reducer for load lifecycle

recipe-reducer.ts

import { Recipe } from "../api";

export type LoadRecipesActionState = {
  recipe?: Recipe[];
  isLoading: boolean;
  loadingFailed: boolean;
  loadingError?: string;
};

export type LoadRecipesActionResult =
  | { type: "busy" }
  | { type: "success"; result: Recipe[] }
  | { type: "error"; error: string };

export const createLoadRecipesReducer = (
    state: LoadRecipesActionState,
    action: LoadRecipesActionResult
  ): LoadRecipesActionState => {
  switch (action.type) {
    case "busy":
      return { isLoading: true, loadingFailed: false };
    case "success":
      return { isLoading: false, loadingFailed: false, recipe: action.result };
    case "error":
      return { isLoading: false, loadingFailed: true, loadingError: action.error };
  }
};