Clear results when selecting another Job ID

Author: caduribas

src/actions/actionTypes.js

@@ -19,6 +19,7 @@ export const SUBMIT_MULTIPLE_JOB = 'SUBMIT_MULTIPLE_JOB';
 export const LONG_SEQUENCE = 'LONG_SEQUENCE';
 export const UPDATE_JOB_ID = 'UPDATE_JOB_ID';
 export const CLEAR_JOB_ID = 'CLEAR_JOB_ID';
+export const CLEAR_RESULT = 'CLEAR_RESULT';
 export const TEXTAREA_CHANGE = 'TEXTAREA_CHANGE';
 export const EXAMPLE_SEQUENCE = 'EXAMPLE_SEQUENCE';
 export const CLEAR_SEQUENCE = 'CLEAR_SEQUENCE';

src/actions/actions.js

@@ -109,6 +109,10 @@ export function onClearJobId() {
   return {type: types.CLEAR_JOB_ID}
 }
 
+export function onClearResult() {
+  return {type: types.CLEAR_RESULT}
+}
+
 export function longSequence() {
   return {type: types.LONG_SEQUENCE}
 }

src/containers/SequenceSearch/components/Results/index.jsx

@@ -19,6 +19,7 @@ class Results extends React.Component {
     if (e.target.value === 'Select a job ID'){
       store.dispatch(actionCreators.onClearJobId());
     } else {
+      store.dispatch(actionCreators.onClearResult());
       store.dispatch(actionCreators.updateJobId(e.target.value));
     }
   }

src/reducers/rootReducer.js

@@ -154,6 +154,26 @@ const rootReducer = function (state = initialState, action) {
     case actions.CLEAR_JOB_ID:
       return Object.assign({}, state, {jobId: null, sequence: ""});
 
+    case actions.CLEAR_RESULT:
+      return Object.assign({}, state, {
+        jobId: null,
+        sequence: "",
+        hits: null,
+        status: "notSubmitted",
+        entries: [],
+        facets: [],
+        hitCount: 0,
+        start: 0,
+        size: 20,
+        ordering: "e_value",
+        selectedFacets: {},
+        alignmentsCollapsed: true,
+        textSearchError: false,
+        infernalStatus: "notSubmitted",
+        infernalEntries: [],
+        exactMatch: null,
+      });
+
     case actions.LONG_SEQUENCE:
       return Object.assign({}, state, {status: "longSequence"});