From b0855ee33d3233ec1e3a131c5f5a32d7599962b0 Mon Sep 17 00:00:00 2001
From: kialam <digitalanime@gmail.com>
Date: Tue, 13 Nov 2018 12:11:52 -0500
Subject: [PATCH] Fix unhandled promise reject from jenkins.

---
 src/api.js                  |  1 -
 src/pages/Organizations.jsx | 16 ++++++++++++----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/api.js b/src/api.js
index 8063b24c19..1650c5d8df 100644
--- a/src/api.js
+++ b/src/api.js
@@ -45,7 +45,6 @@ class APIClient {
   }
 
   get = (endpoint) => this.http.get(endpoint);
-
 }
 
 export default new APIClient();
diff --git a/src/pages/Organizations.jsx b/src/pages/Organizations.jsx
index 84708f91a8..2a332bced1 100644
--- a/src/pages/Organizations.jsx
+++ b/src/pages/Organizations.jsx
@@ -15,17 +15,24 @@ class Organizations extends Component {
   constructor (props) {
     super(props);
 
-    this.state = { organizations: [] };
+    this.state = {
+      organizations: [],
+      error: false,
+    };
   }
 
   async componentDidMount () {
-    const { data } = await api.get(API_ORGANIZATIONS);
-    this.setState({ organizations: data.results });
+    try {
+      const { data } = await api.get(API_ORGANIZATIONS);
+      this.setState({ organizations: data.results });
+    } catch (err) {
+      this.setState({ error: err });
+    }
   }
 
   render () {
     const { light, medium } = PageSectionVariants;
-    const { organizations } = this.state;
+    const { organizations, error } = this.state;
 
     return (
       <Fragment>
@@ -39,6 +46,7 @@ class Organizations extends Component {
                 <OrganizationCard key={o.id} organization={o} />
               </GalleryItem>
             ))}
+            { error ? <div>error</div> : '' }
           </Gallery>
         </PageSection>
       </Fragment>