Add better status colour style management
This commit is contained in:
parent
c31e186f94
commit
c794561561
4 changed files with 13 additions and 11 deletions
|
@ -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 <BuildItem build={build} project={this.props.project} statusColour={statusColour} />;
|
||||
}
|
||||
|
||||
|
|
|
@ -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 ?
|
||||
(<Text style={[styles.details, styles.mainDetails]}><Icon name="person" /> {project.username}</Text>) : null;
|
||||
|
||||
|
|
|
@ -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 (
|
||||
<View style={styles.container}>
|
||||
<View style={styles.panel}>
|
||||
|
|
|
@ -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
|
||||
});
|
||||
|
|
Reference in a new issue