diff --git a/app/components/builds/BuildList.js b/app/components/builds/BuildList.js index a8f9b3e..b8b9b0d 100644 --- a/app/components/builds/BuildList.js +++ b/app/components/builds/BuildList.js @@ -35,9 +35,8 @@ export default class BuildList extends React.Component { if (build.build_time_millis < 1) { return null; } - const statusColour = build.status === 'failed' ? - GlobalStyles.get('CIRCLE_TEST_FAIL') : - GlobalStyles.get('CIRCLE_TEST_PASS'); + const statusColour = GlobalStyles.get('CIRCLE_TEST_COLOURS').get(build.status.toUpperCase()); + console.log('status colour', statusColour); return ; } diff --git a/app/components/projects/ProjectItem.js b/app/components/projects/ProjectItem.js index 6c6fd6d..dd75307 100644 --- a/app/components/projects/ProjectItem.js +++ b/app/components/projects/ProjectItem.js @@ -98,9 +98,8 @@ export default class ProjectItem extends React.Component { const project = this.props.project; const mostRecentBuild = this.state.recentBuild; const master = project.branches[project.default_branch].recent_builds[0]; - const statusColour = master.outcome === 'failed' ? - GlobalStyles.get('CIRCLE_TEST_FAIL') : - GlobalStyles.get('CIRCLE_TEST_PASS'); + + const statusColour = GlobalStyles.get('CIRCLE_TEST_COLOURS').get(master.outcome.toUpperCase()); const username = this.props.userDetails && this.props.userDetails.login !== project.username ? ( {project.username}) : null; diff --git a/app/components/routes/project-details.js b/app/components/routes/project-details.js index b13b822..bfd20ed 100644 --- a/app/components/routes/project-details.js +++ b/app/components/routes/project-details.js @@ -51,9 +51,7 @@ export default class ProjectDetails extends React.Component { render() { const master = this.state.project.branches[this.state.project.default_branch].recent_builds[0]; - const statusStyle = master.outcome === 'failed' ? - { color: GlobalStyles.get('CIRCLE_TEST_FAIL')} : - { color: GlobalStyles.get('CIRCLE_TEST_PASS')}; + const statusStyle = { color: GlobalStyles.get('CIRCLE_TEST_COLOURS').get(master.outcome.toUpperCase()) }; return ( diff --git a/app/settings/styles.js b/app/settings/styles.js index edbf776..43507c7 100644 --- a/app/settings/styles.js +++ b/app/settings/styles.js @@ -8,8 +8,14 @@ export default Map({ CIRCLE_TEXT: '#212121', CIRCLE_ITEM_BG: '#fff', CIRCLE_ITEM_BORDER: '#E5E5E5', - CIRCLE_TEST_FAIL: '#ED5C5C', - CIRCLE_TEST_PASS: '#42C88A', + + CIRCLE_TEST_COLOURS: Map({ + SUCCESS: '#42C88A', + FAILED: '#ED5C5C', + FIXED: '#42C88A', + RUNNING: '#66D3E4', + RETRIED: '#898989' + }), TITLE_FONT_SIZE: 24 });