energylink/public/app/core/reducers/location.ts

import { Action } from 'app/core/actions/location';
import { LocationState, UrlQueryMap } from 'app/types';
import { toUrlParams } from 'app/core/utils/url';

export const initialState: LocationState = {
  url: '',
  path: '',
  query: {},
  routeParams: {},
};

function renderUrl(path: string, query: UrlQueryMap | undefined): string {
  if (query && Object.keys(query).length > 0) {
    path += '?' + toUrlParams(query);
  }
  return path;
}

export const locationReducer = (state = initialState, action: Action): LocationState => {
  switch (action.type) {
    case 'UPDATE_LOCATION': {
      const { path, query, routeParams } = action.payload;
      return {
        url: renderUrl(path || state.path, query),
        path: path || state.path,
        query: query || state.query,
        routeParams: routeParams || state.routeParams,
      };
    }
  }

  return state;
};