diff options
Diffstat (limited to 'src/components/repository-grid/grid-item/index.js')
| -rw-r--r-- | src/components/repository-grid/grid-item/index.js | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/src/components/repository-grid/grid-item/index.js b/src/components/repository-grid/grid-item/index.js index 776edfd..6873568 100644 --- a/src/components/repository-grid/grid-item/index.js +++ b/src/components/repository-grid/grid-item/index.js @@ -1,6 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import moment from 'moment'; +import GithubColors from 'github-colors'; import './styles.css'; import Star from '../../icons/star'; @@ -9,6 +10,8 @@ import Issue from "../../icons/issue"; class GridItem extends React.Component { render() { + const languageColor = GithubColors.get(this.props.repository.language); + return ( <div className="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 grid-item-container"> <div className="grid-item-body"> @@ -43,8 +46,10 @@ class GridItem extends React.Component { <div className="repo-footer"> { this.props.repository.language && ( - <span className="d-inline-block mr-3"> - <span className="repo-language-color ml-0"></span> + <span className="d-inline-flex align-items-center mr-3"> + <span className="repo-language-color" style={{ + backgroundColor: languageColor ? languageColor.color : '#e8e8e8' + }}></span> <span itemProp="programmingLanguage"> { this.props.repository.language } </span> |