Shared data model

deploy to staging

app/components/dashboard/SearchBoxes.jsx

@@ -27,6 +27,9 @@ const SearchArea = styled.div`
     flex-wrap: wrap;
   }
 `
+
+let errorTimer
+
 class SearchBoxes extends React.Component {
   state = {
     id: SearchBoxes.id ? SearchBoxes.id : '',
@@ -34,19 +37,32 @@ class SearchBoxes extends React.Component {
     errors: [],
   }
   componentDidUpdate() {
-    if (this.state.errors && this.area) {
-      setTimeout(() => {
+    const { errors } = this.state
+
+    if (errorTimer) {
+      clearTimeout(errorTimer)
+    }
+
+    if (errors && this.area) {
+      errorTimer = setTimeout(() => {
         this.setState({ errors: [] })
       }, 10000)
     }
   }
+  componentWillUnmount() {
+    clearTimeout(errorTimer)
+  }
+
   static id = ''
   static search = ''
   setRef = area => {
     this.area = area
   }
   onSearchValChanged = e => {
-    this.setState({ [e.target.name]: e.target.value })
+    this.setState({
+      [e.target.name]: e.target.value,
+      errors: [],
+    })
     SearchBoxes[e.target.name] = e.target.value
   }
   onSearchValSubmitted = (where, e) => {