move constants to config

Author: riteshsangwan

src/config/index.js

@@ -12,4 +12,9 @@ module.exports = {
   AUTH0_CLIENT_ID: process.env.REACT_APP_AUTH0_CLIENT_ID || 'h7p6V93Shau3SSvqGrl6V4xrATlkrVGm',
   AUTH0_CLIENT_DOMAIN: process.env.REACT_APP_AUTH0_CLIENT_DOMAIN || 'spanhawk.auth0.com',
   AUTH0_CALLBACK: 'http://localhost:3000',
+  REGION_TYPES: {
+    POINT: 'Point',
+    POLYGON: 'Polygon',
+  },
+  USER_LOCATION_KEY: 'ul',
 };

src/layouts/CoreLayout/CoreLayout.jsx

@@ -7,8 +7,7 @@ import Footer from 'components/Footer';
 import styles from './CoreLayout.scss';
 import {userLocationUpdateAction} from '../../store/modules/global';
 import _ from 'lodash';
-
-const USER_LOCATION_KEY = 'ul';
+import config from '../../config';
 
 class CoreLayout extends React.Component {
 
@@ -32,7 +31,7 @@ class CoreLayout extends React.Component {
   requestUserLocation() {
     const {onUserLocationUpdate} = this.props;
     // don't request the permission everytime and use caching
-    const cachedLocation = localStorage.getItem(USER_LOCATION_KEY);
+    const cachedLocation = localStorage.getItem(config.USER_LOCATION_KEY);
     // just to be extra safe here as a user can manipulate the content of local storage
     if (cachedLocation && _.has(cachedLocation, 'lat') && _.has(cachedLocation, 'lng')) {
       onUserLocationUpdate(cachedLocation);

src/routes/MissionPlanner/components/MissionMap/MissionMap.jsx

@@ -6,6 +6,7 @@ import NoFlyZone from 'components/NoFlyZone';
 import Rtfz from '../Rtfz';
 import {GOOGLE_MAPS_BOUNDS_TIMEOUT} from 'Const';
 import styles from './MissionMap.scss';
+import config from '../../../../config';
 
 // default center location for mission Planner
 const mapConfig = {
@@ -28,11 +29,6 @@ const polylineConfig = {
   },
 };
 
-const types = {
-  point: 'Point',
-  polygon: 'Polygon',
-};
-
 export const MissionGoogleMap = withGoogleMap((props) => (
   <GoogleMap
     {... mapConfig}
@@ -122,9 +118,9 @@ export class MissionMap extends Component {
       bounds = new google.maps.LatLngBounds();
       // bounds for rtfzs
       rtfzs.forEach((rtfz) => {
-        if (rtfz.location.type === types.point) {
+        if (rtfz.location.type === config.REGION_TYPES.POINT) {
           bounds.extend({lat: rtfz.location.coordinates[1], lng: rtfz.location.coordinates[0]});
-        } else if (rtfz.location.type === types.polygon) {
+        } else if (rtfz.location.type === config.REGION_TYPES.POLYGON) {
           rtfz.location.coordinates.forEach((coor) => {
             coor.forEach((point) => {
               bounds.extend({lat: point[1], lng: point[0]});

src/routes/MissionPlanner/components/Rtfz/Rtfz.jsx

@@ -1,14 +1,9 @@
 import React, {PropTypes} from 'react';
 import {Marker, Polygon} from 'react-google-maps';
-
-// define the type of region to fly zones
-const types = {
-  point: 'Point',
-  polygon: 'Polygon',
-};
+import config from '../../../../config';
 
 export const Rtfz = ({zone}) => {
-  if (zone.location.type === types.point) {
+  if (zone.location.type === config.REGION_TYPES.POINT) {
     return (
       <Marker
         options={{

src/store/modules/global.js

@@ -23,7 +23,6 @@ const LOGIN_REDIRECT = {
 
 const LOGOUT_ACTION = 'LOGOUT_ACTION';
 const USER_INFO_KEY = 'userInfo';
-const USER_LOCATION_KEY = 'ul';
 
 // ------------------------------------
 // Actions
@@ -88,7 +87,7 @@ export const logoutAction = () => (dispatch) => {
 
 export const userLocationUpdateAction = (location) => (dispatch) => {
   // cache the user location in localstorage
-  localStorage.setItem(USER_LOCATION_KEY, JSON.stringify(location));
+  localStorage.setItem(config.USER_LOCATION_KEY, JSON.stringify(location));
   dispatch({type: USER_LOCATION_UPDATE, payload: {location}});
 };