Merge pull request #1121 from HubSpot/new_task_search

React/redux Task Search

SingularityUI/app/actions/api/history.es6

@@ -1,4 +1,5 @@
 import { buildApiAction } from './base';
+import Utils from '../../utils';
 
 export const FetchTaskHistory = buildApiAction(
   'FETCH_TASK_HISTORY',
@@ -37,6 +38,23 @@ export const FetchDeployForRequest = buildApiAction(
   })
 );
 
+export const FetchTaskSearchParams = buildApiAction(
+  'FETCH_TASK_HISTORY',
+  ({requestId = null, deployId = null, host = null, lastTaskStatus = null, startedAfter = null, startedBefore = null, orderDirection = null, count, page}) => {
+    const args = {
+      requestId,
+      deployId,
+      host,
+      lastTaskStatus,
+      startedAfter,
+      startedBefore,
+      orderDirection
+    };
+    return {
+      url: `/history/tasks?count=${count}&page=${page}&${Utils.queryParams(args)}`
+    };
+});
+
 export const FetchRequestRunHistory = buildApiAction(
   'FETCH_REQUEST_RUN_HISTORY',
   (requestId, runId) => ({

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,13 @@
+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 (props) => {
+  return (
+    <Select
+      {...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;
       });