left panel with git logs at boris

src/components/boris/BorisStatsGit/index.tsx

@@ -0,0 +1,45 @@
+import React, { FC } from 'react';
+import { IBorisState } from '~/redux/boris/reducer';
+import styles from './styles.module.scss';
+import { Placeholder } from '~/components/placeholders/Placeholder';
+import { BorisStatsGitCard } from '../BorisStatsGitCard';
+
+interface IProps {
+  stats: IBorisState['stats'];
+}
+
+const BorisStatsGit: FC<IProps> = ({ stats }) => {
+  if (!stats.git.length) return null;
+
+  if (stats.is_loading) {
+    return (
+      <>
+        <div className={styles.stats__title}>
+          <Placeholder width="50%" />
+        </div>
+
+        <Placeholder width="50%" />
+        <Placeholder width="100%" />
+        <Placeholder width="50%" />
+        <Placeholder width="70%" />
+        <Placeholder width="60%" />
+        <Placeholder width="100%" />
+      </>
+    );
+  }
+
+  return (
+    <div className={styles.wrap}>
+      <div className={styles.stats__title}>Изменения</div>
+
+      {stats.git
+        .filter(data => data.commit && data.timestamp && data.subject)
+        .slice(0, 5)
+        .map(data => (
+          <BorisStatsGitCard data={data} key={data.commit} />
+        ))}
+    </div>
+  );
+};
+
+export { BorisStatsGit };