Merge pull request #351 from mapbox/add-status-modal

Add status modal

Author: willemarcel

package.json

@@ -1,6 +1,6 @@
 {
   "name": "osmcha-frontend",
-  "version": "0.56.1",
+  "version": "0.56.2",
   "license": "ISC",
   "engines": {
     "node": ">=7.0"

src/config/constants.js

@@ -6,6 +6,8 @@ export const overpassBase = '//overpass.maptime.in/api/interpreter';
 export const osmBase = '//www.openstreetmap.org/api/0.6/';
 export const mapboxAccessToken =
   'pk.eyJ1Ijoib3BlbnN0cmVldG1hcCIsImEiOiJjam10OXpmc2YwMXI5M3BqeTRiMDBqMHVyIn0.LIcIDe3TZLSDdTWDoojzNg';
+export const statusUrl =
+  'https://raw.githubusercontent.com/mapbox/osmcha-frontend/status/status.json';
 
 export const osmchaSocialTokenUrl = `${API_URL}/social-auth/`;
 

src/network/status.js

@@ -0,0 +1,12 @@
+import { statusUrl } from '../config/constants';
+import { handleErrors } from './aoi';
+
+export function getStatus(input, type): Promise<*> {
+  return fetch(`${statusUrl}`, {
+    method: 'GET'
+  })
+    .then(handleErrors)
+    .then(response => {
+      return response.json();
+    });
+}

src/store/auth_actions.js

@@ -9,6 +9,7 @@ import {
   fetchUserDetails,
   updateUserDetails
 } from '../network/auth';
+import { getStatus } from '../network/status';
 import { fetchChangeset } from '../network/changeset';
 import { fetchBlackList } from '../network/osmcha_blacklist';
 import { setItem, removeItem } from '../utils/safe_storage';
@@ -87,6 +88,7 @@ export function* watchAuth(): any {
       const userDetails = fromJS(yield call(fetchUserDetails, token));
       const whitelist = userDetails.get('whitelists');
       const blacklist = fromJS(yield call(fetchBlackList, token));
+      const status = fromJS(yield call(getStatus));
       yield put(action(WHITELIST.define, { whitelist }));
       yield put(action(BLACKLIST.define, { blacklist }));
       yield put(action(AUTH.userDetails, { userDetails }));
@@ -104,6 +106,17 @@ export function* watchAuth(): any {
           })
         );
       }
+      // show status notification
+      if (status.get('status') !== 'success') {
+        yield put(
+          modal({
+            title: 'Status alert',
+            description: status.get('message'),
+            kind: status.get('status'),
+            autoDismiss: 20
+          })
+        );
+      }
 
       yield take(AUTH.logout);
       delayBy = DELAY;