Function wrapReducer

app/hooks/useJsonSearch.tsx:129–162

(
  name: string,
  reducer: React.Reducer<S, A>
)

let lastAction: any | undefined;

function wrapReducer<S, A extends { type: string }>(
  name: string,
  reducer: React.Reducer<S, A>
): React.Reducer<S, A> {
  return (state, action) => {
    const next = reducer(state, action);

    if (process.env.NODE_ENV !== "production") {
      if (!lastAction) {
        console.groupCollapsed(
          `%cAction: %c${
            name + " " + action.type
          } %cat ${getCurrentTimeFormatted()}`,
          "color: lightgreen; font-weight: bold;",
          "color: white; font-weight: bold;",
          "color: lightblue; font-weight: lighter;"
        );
        console.log(
          "%cPrevious State:",
          "color: #9E9E9E; font-weight: 700;",
          state
        );
        console.log("%cAction:", "color: #00A7F7; font-weight: 700;", action);
        console.log("%cNext State:", "color: #47B04B; font-weight: 700;", next);
        console.groupEnd();
        lastAction = action;
      } else {
        lastAction = undefined;
      }
    }

    return next;
  };
}

const getCurrentTimeFormatted = () => {
  const currentTime = new Date();