left panel with git logs at boris

src/redux/boris/actions.ts

@@ -6,6 +6,11 @@ export const borisSet = (state: Partial<IBorisState>) => ({
   state,
 });
 
+export const borisSetStats = (stats: Partial<IBorisState['stats']>) => ({
+  type: BORIS_ACTIONS.SET_STATS,
+  stats,
+});
+
 export const borisLoadStats = () => ({
   type: BORIS_ACTIONS.LOAD_STATS,
 });

src/redux/boris/api.ts

@@ -1,8 +1,3 @@
-import Axios from 'axios';
-import { API } from '~/constants/api';
-import { resultMiddleware, errorMiddleware } from '~/utils/api';
+import git from '~/stats/git.json';
 
-export const getBorisGitStats = (): Promise<any> =>
-  Axios.get(API.BORIS.GET_GIT_LOG)
-    .then(resultMiddleware)
-    .catch(errorMiddleware);
+export const getBorisGitStats = (): Promise<any> => Promise.resolve(git);

src/redux/boris/constants.ts

@@ -2,5 +2,7 @@ const prefix = `BORIS.`;
 
 export const BORIS_ACTIONS = {
   SET_BORIS: `${prefix}SET_BORIS`,
+  SET_STATS: `${prefix}SET_STATS`,
+
   LOAD_STATS: `${prefix}LOAD_STATS`,
 };

src/redux/boris/handlers.ts

@@ -6,6 +6,15 @@ const borisSet = (current: IBorisState, { state }: ReturnType<typeof borisSet>)
   ...state,
 });
 
+const borisSetStats = (state: IBorisState, { stats }: ReturnType<typeof borisSetStats>) => ({
+  ...state,
+  stats: {
+    ...state.stats,
+    ...stats,
+  },
+});
+
 export const BORIS_HANDLERS = {
   [BORIS_ACTIONS.SET_BORIS]: borisSet,
+  [BORIS_ACTIONS.SET_STATS]: borisSetStats,
 };

src/redux/boris/reducer.ts

@@ -10,15 +10,15 @@ export type IStatGitRow = {
 export type IBorisState = Readonly<{
   stats: {
     git: IStatGitRow[];
+    is_loading: boolean;
   };
-  is_loading: boolean;
 }>;
 
 const BORIS_INITIAL_STATE: IBorisState = {
   stats: {
     git: [],
+    is_loading: false,
   },
-  is_loading: false,
 };
 
 export default createReducer(BORIS_INITIAL_STATE, BORIS_HANDLERS);

src/redux/boris/sagas.ts

@@ -1,15 +1,17 @@
 import { takeLatest, put, call } from 'redux-saga/effects';
 import { BORIS_ACTIONS } from './constants';
-import { borisSet } from './actions';
+import { borisSet, borisSetStats } from './actions';
 import { getBorisGitStats } from './api';
 
 function* loadStats() {
-  yield put(borisSet({ is_loading: true }));
+  yield put(borisSetStats({ is_loading: true }));
 
-  const result = yield getBorisGitStats();
-  console.log(result);
-
-  yield put(borisSet({ is_loading: false }));
+  try {
+    const git = yield getBorisGitStats();
+    yield put(borisSetStats({ git, is_loading: false }));
+  } catch (e) {
+    yield put(borisSetStats({ git: [], is_loading: false }));
+  }
 }
 
 export default function* borisSaga() {