Handle error state when settings endpoint fails

Author: bcomnes

example/src/index.js

@@ -5,6 +5,7 @@ import App from './App';
 import registerServiceWorker from './registerServiceWorker';
 import netlifyIdentity from 'netlify-identity-widget';
 
+window.netlifyIdentity = netlifyIdentity
 // You must run this once before trying to interact with the widget
 netlifyIdentity.init()
 

src/components/app.js

@@ -156,7 +156,7 @@ class App extends Component {
           showHeader={showHeader}
           showSignup={showSignup}
           devSettings={!store.gotrue}
-          loading={store.gotrue && !store.settings}
+          loading={!store.error && store.gotrue && !store.settings}
           isOpen={store.modal.isOpen}
           onPage={this.handlePage}
           onClose={this.handleClose}

src/netlify-identity.js

@@ -49,7 +49,8 @@ const netlifyIdentity = {
   },
   init: options => {
     init(options);
-  }
+  },
+  store
 };
 
 let queuedIframeStyle = null;

src/state/store.js

@@ -56,8 +56,9 @@ store.loadSettings = action(function loadSettings() {
     .then(action(settings => (store.settings = settings)))
     .catch(
       action(err => {
-        console.error("failed to load settings %o", err);
-        store.error = err;
+        store.error = new Error(
+          `Failed to load settings from ${store.gotrue.api.apiURL}`
+        );
       })
     );
 });