React/redux Task Search

SingularityUI/app/actions/api/taskHistory.es6

@@ -0,0 +1,19 @@
+import { buildApiAction } from './base';
+
+export const FetchForDeploy = buildApiAction('FETCH_TASK_HISTORY_FOR_DEPLOY', (requestId, deployId, count, page) => {
+  return {url: `/history/request/${requestId}/tasks?requestId=${requestId}&deployId=${deployId}&count=${count}&page=${page}`}
+});
+
+export const FetchAction = buildApiAction('FETCH_TASK_HISTORY',
+({requestId, deployId = null, host = null, lastTaskStatus = null, startedAfter = null, startedBefore = null, orderDirection = null, count, page}) => {
+  let params = [];
+  if (deployId) params.push(`&deployId=${deployId}`);
+  if (host) params.push(`&host=${host}`);
+  if (lastTaskStatus) params.push(`&lastTaskStatus=${lastTaskStatus}`);
+  if (startedAfter) params.push(`&startedAfter=${startedAfter}`);
+  if (startedBefore) params.push(`&startedBefore=${startedBefore}`);
+  if (orderDirection) params.push(`&orderDirection=${orderDirection}`);
+  return {
+    url: `/history/request/${requestId}/tasks?count=${count}&page=${page}${params.join('')}`
+  }
+});

SingularityUI/app/components/common/atomicDisplayItems/TaskStateLabel.jsx

@@ -18,4 +18,3 @@ let TaskStateLabel = React.createClass({
 });
 
 export default TaskStateLabel;
-

SingularityUI/app/components/common/formItems/ReduxSelect.jsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import Select from 'react-select';
+
+// Wrapper for react-select for use with redux form. Needs to override onBlur of react-select
+// More info: https://github.com/erikras/redux-form/issues/82
+export default class ReduxSelect extends React.Component {
+  render() {
+    return (
+      <Select
+        {...this.props}
+        onBlur={_.noop}
+      />
+    )
+  }
+}

SingularityUI/app/components/deployDetail/DeployDetail.jsx

@@ -241,7 +241,7 @@ class DeployDetail extends React.Component {
 
 function mapStateToProps(state) {
   let latestHealthchecks = _.mapObject(state.api.task, (val, key) => {
-    if (val.data && val.data.healthcheckResults.length > 0) {
+    if (val.data && val.data.healthcheckResults && val.data.healthcheckResults.length > 0) {
       return _.max(val.data.healthcheckResults, (hc) => {
         return hc.timestamp;
       });