diff --git a/src/components/boris/BorisStatsGit/index.tsx b/src/components/boris/BorisStatsGit/index.tsx index b8049034..7ad88808 100644 --- a/src/components/boris/BorisStatsGit/index.tsx +++ b/src/components/boris/BorisStatsGit/index.tsx @@ -1,4 +1,4 @@ -import React, { FC } from 'react'; +import React, { FC, useMemo } from 'react'; import { IBorisState } from '~/redux/boris/reducer'; import styles from './styles.module.scss'; import { Placeholder } from '~/components/placeholders/Placeholder'; @@ -11,6 +11,16 @@ interface IProps { const BorisStatsGit: FC = ({ stats }) => { if (!stats.issues.length) return null; + const open = useMemo( + () => stats.issues.filter(el => !el.pull_request && el.state === 'open').slice(0, 5), + [stats.issues] + ); + + const closed = useMemo( + () => stats.issues.filter(el => !el.pull_request && el.state === 'closed').slice(0, 5), + [stats.issues] + ); + if (stats.is_loading) { return ( <> @@ -35,12 +45,13 @@ const BorisStatsGit: FC = ({ stats }) => { - {stats.issues - .filter(el => !el.pull_request) - .slice(0, 10) - .map(data => ( - - ))} + {closed.map(data => ( + + ))} + + {open.map(data => ( + + ))} ); };