error handling

sergeyrudenko · May 30, 2019 · a3c0d2e · a3c0d2e
1 parent 5d714b6
commit a3c0d2e
Showing 1 changed file with 17 additions and 6 deletions.
diff --git a/src/App.js b/src/App.js
@@ -24,6 +24,7 @@ class App extends Component {
       results: null,
       searchKey: '',
       searchTerm: DEFAULT_QUERY,
+      error: null,
     };
 
     this.needsToSearchTopStories = this.needsToSearchTopStories.bind(this);
@@ -88,7 +89,7 @@ class App extends Component {
     fetch(`${PATH_BASE}${PATH_SEARCH}?${PARAM_SEARCH}${searchTerm}&${PARAM_PAGE}${page}&${PARAM_HPP}${DEFAULT_HPP}`)
       .then(response => response.json())
       .then(result => this.setSearchTopStories(result))
-      .catch(error => error);
+      .catch(error => this.setState({ error }));
   }
 
 
@@ -106,9 +107,14 @@ class App extends Component {
     const {
       searchTerm,
       results,
-      searchKey
+      searchKey,
+      error
     } = this.state;
 
+    // if (error) {
+    //   return <p>Что-то произошло не так.</p>;
+    // }
+
     const page = (
       results &&
       results[searchKey] &&
@@ -133,10 +139,15 @@ class App extends Component {
             Поиск
           </Search>
         </div>
-        <Table
-          list={list}
-          onDismiss={this.onDismiss}
-        />
+        {error
+          ? <div className="interactions">
+            <p>Something went wrong.</p>
+          </div>
+          : <Table
+            list={list}
+            onDismiss={this.onDismiss}
+          />
+        }
         <div className="interactions">
           <Button onClick={() => this.fetchSearchTopStories(searchKey, page + 1)}>
             Больше историй