Adds job status icon to repos page (#10)

* Adds job status icon to repos page

Signed-off-by: Tallys Martins <[email protected]>

* Apply review changes

Signed-off-by: Tallys Martins <[email protected]>

Author: tallysmartins

src/containers/blocks/JobsList/JobListItem/index.js

@@ -4,10 +4,19 @@ import { withStyles } from 'material-ui/styles';
 
 import { ListItem, ListItemText } from 'material-ui/List'
 
+import CheckCircle from 'material-ui-icons/CheckCircle'
+import Restore from 'material-ui-icons/Restore'
+import HighlightOff from 'material-ui-icons/HighlightOff'
+
 import styles from './styles'
 
-const LastJobItem = ({ key, job, classes, onClick, children }) => (
+const SUCCESS = 'SUCCESS'
+const FAILURE = 'FAILURE'
+const PENDING = 'PENDING'
+
+const LastJobItem = ({ key, job, classes, jobStatusIcon, onClick, children}) => (
   <ListItem key={ key } button divider>
+    { jobStatusIcon(job) }
     <ListItemText
       primary={ `${job.repoSlug} : ${job.branchName} # ${job.commitSha.slice(0, 6)}` }
       onClick={ onClick }
@@ -20,7 +29,47 @@ export default compose(
   withHandlers({
     onClick: ({ job, onClick }) => (e) => (
       onClick(e, job)
-    )
+    ),
+    jobStatusIcon: () => (job) => (
+      iconFromStatusCode(job.exitStatus)
+    ),
   }),
   withStyles(styles)
 )(LastJobItem);
+
+function jobHumanStatus(status) {
+  let humanStatus;
+  switch(status) {
+    case 0:
+     humanStatus = SUCCESS
+     break
+
+    case null:
+      humanStatus = PENDING
+      break
+
+    default:
+      humanStatus = FAILURE
+  }
+  return humanStatus
+}
+
+function iconFromStatusCode(statusCode) {
+  let status = jobHumanStatus(statusCode)
+  let icon = null
+
+  switch(status) {
+    case SUCCESS:
+      icon = <CheckCircle color="primary"/>
+      break
+
+    case PENDING:
+      icon = <Restore color="disabled"/>
+      break
+
+    default:
+      icon = <HighlightOff color="error"/>
+  }
+
+  return icon
+}

src/containers/pages/ReposListPage/index.js

@@ -18,12 +18,6 @@ import styles from './styles'
 
 const ReposListPage = ({ classes, data, children, onSubmit }) => (
   <Page>
-    <Typography variant="display2" align="center">
-      What is ElixirBench?
-    </Typography>
-    <Typography variant="headline" align="center">
-      Long Running Benchmarks for Elixir Projects
-    </Typography>
     <div className={ classes.repos }>
       <Grid container spacing={ 24 }>
         <Grid item xs={ 12 } sm={ 12 } md={ 4 }>

src/graphql/queries/index.js

@@ -86,6 +86,7 @@ export const getJobs = gql`
       commitSha
       completedAt
       claimedAt
+      exitStatus
     }
   }
 `