Add page for valid address with no google civic election number

src/js/Root.jsx

@@ -19,6 +19,7 @@ import Location from "./routes/Settings/Location";
 import BallotIndex from "./routes/Ballot/BallotIndex";
 import Ballot from "./routes/Ballot/Ballot";
 import Candidate from "./routes/Ballot/Candidate";
+import EmptyBallot from "./routes/Ballot/EmptyBallot";
 
 /* Ballot Off-shoot Pages */
 import Opinions from "./routes/Opinions";
@@ -83,6 +84,8 @@ const routes = (firstVisit, voter) =>
       <IndexRoute component={Ballot} />
       <Route path="/candidate/:we_vote_id" component={Candidate} />
     </Route>
+
+    <Route path="ballot/empty" component={EmptyBallot} />
       {/*
           <Route path="org/:id" component={Organization}/>
           <Route path="measure/:id" component={Measure} />

src/js/routes/Ballot/Candidate.jsx

@@ -25,6 +25,7 @@ export default class Candidate extends Component {
 
   componentDidMount(){
     this.changeListener = this._onChange.bind(this);
+    BallotStore.initialize(function(){console.log("Initialized ballot in background")});
     BallotStore.addChangeListener(this.changeListener);
     var candidate = BallotStore.getOrFetchCandidateByWeVoteId(this.props.params.we_vote_id);
     if (candidate) {

src/js/routes/Ballot/EmptyBallot.jsx

@@ -0,0 +1,27 @@
+import React, { Component, PropTypes } from 'react';
+import { Link } from 'react-router';
+
+export default class EmptyBallot extends Component {
+  static propTypes = {
+  };
+
+  constructor (props) {
+    super(props);
+  }
+
+  render () {
+    return (
+      <div>
+        <div className="container-fluid well gutter-top--small fluff-full1">
+          <h3 className="text-center">
+            Sorry
+          </h3>
+          <span className="small">
+            Our data providers don't have ballot data for your address yet.
+            Please check back 1-2 weeks before your election day
+          </span>
+        </div>
+      </div>
+    );
+  }
+}

src/js/routes/Settings/Location.jsx

@@ -2,6 +2,7 @@ import React, { Component } from "react";
 import { Button, ButtonToolbar } from "react-bootstrap";
 import HeaderBackNavigation from "../../components/Navigation/HeaderBackNavigation";
 import VoterStore from "../../stores/VoterStore";
+import BallotStore from "../../stores/BallotStore";
 
 export default class Location extends Component {
   constructor (props) {
@@ -23,10 +24,14 @@ export default class Location extends Component {
 
   saveLocation () {
     var { location } = this.state;
-    VoterStore.saveLocation( location, (err) => {
-      if (err) return console.error(err);
-
-      window.location.href = "/ballot";
+    VoterStore.saveLocation( location, (res) => {
+      if (res){
+        this.props.history.push('/ballot');
+      } else {
+        BallotStore.initialize(function(){}); // reinitialize ballot in case old ballot items from old addresses are stored.
+        this.props.history.push('/ballot/empty');
+      }
+    }, (err) =>{
 
     });
   }
@@ -52,7 +57,7 @@ export default class Location extends Component {
             name="address"
             value={location}
             className="form-control"
-            defaultValue="Oakland, CA" 
+            defaultValue="Oakland, CA"
           />
 
           <div className="gutter-top--small">

src/js/stores/VoterStore.js

@@ -158,16 +158,22 @@ const VoterStore = createStore({
   saveLocation: function (location, callback) {
     if (typeof location !== "string") throw new Error("missing location to save");
     if (callback instanceof Function === false) throw new Error("missing callback function");
+    var that = this;
 
     $ajax({
       type: "GET",
       data: { text_for_map_search: location },
       endpoint: "voterAddressSave",
       success: (res) => {
         var { text_for_map_search: savedLocation } = res;
-
-        _setLocation(savedLocation);
-        callback(null, savedLocation);
+        cookies.setItem('location', savedLocation);
+
+        if (res.success){ // Successfully saved address and found Google Civic Election ID
+          callback(true, savedLocation);
+        } else if (res.status.indexOf("GOOGLE_CIVIC_API_ERROR") != -1){ // Saved Address but couldn't find election ID
+          console.log("No election for the address");
+          callback(false, savedLocation);
+        }
       },
       error: (err) => callback(err, null)
     });