Added new reducer for visits overview, and added it to overview page

src/visits/reducers/visitsOverview.ts

@@ -0,0 +1,52 @@
+import { Action, Dispatch } from 'redux';
+import { ShlinkVisitsOverview } from '../../utils/services/types';
+import { ShlinkApiClientBuilder } from '../../utils/services/ShlinkApiClientBuilder';
+import { GetState } from '../../container/types';
+import { buildReducer } from '../../utils/helpers/redux';
+import { CREATE_VISITS, CreateVisitsAction } from './visitCreation';
+
+/* eslint-disable padding-line-between-statements */
+export const GET_OVERVIEW_START = 'shlink/visitsOverview/GET_OVERVIEW_START';
+export const GET_OVERVIEW_ERROR = 'shlink/visitsOverview/GET_OVERVIEW_ERROR';
+export const GET_OVERVIEW = 'shlink/visitsOverview/GET_OVERVIEW';
+/* eslint-enable padding-line-between-statements */
+
+export interface VisitsOverview {
+  visitsCount: number;
+  loading: boolean;
+  error: boolean;
+}
+
+type GetVisitsOverviewAction = ShlinkVisitsOverview & Action<string>;
+
+const initialState: VisitsOverview = {
+  visitsCount: 0,
+  loading: false,
+  error: false,
+};
+
+export default buildReducer<VisitsOverview, GetVisitsOverviewAction & CreateVisitsAction>({
+  [GET_OVERVIEW_START]: () => ({ ...initialState, loading: true }),
+  [GET_OVERVIEW_ERROR]: () => ({ ...initialState, error: true }),
+  [GET_OVERVIEW]: (_, { visitsCount }) => ({ ...initialState, visitsCount }),
+  [CREATE_VISITS]: ({ visitsCount, ...rest }, { createdVisits }) => ({
+    ...rest,
+    visitsCount: visitsCount + createdVisits.length,
+  }),
+}, initialState);
+
+export const loadVisitsOverview = (buildShlinkApiClient: ShlinkApiClientBuilder) => () => async (
+  dispatch: Dispatch,
+  getState: GetState,
+) => {
+  dispatch({ type: GET_OVERVIEW_START });
+
+  try {
+    const { getVisitsOverview } = buildShlinkApiClient(getState);
+    const result = await getVisitsOverview();
+
+    dispatch({ type: GET_OVERVIEW, ...result });
+  } catch (e) {
+    dispatch({ type: GET_OVERVIEW_ERROR });
+  }
+};