web: use contexts to pass down stores.

Using contexts frees us from the contracts we have
using props - namely, we can assume them to be constant
for the lifetime of the object.

1 files changed, 4 insertions, 2 deletions

diff --git a/web/src/js/components/footer.js b/web/src/js/components/footer.js
index d04fb615..52d6d0ad 100644
--- a/web/src/js/components/footer.js
+++ b/web/src/js/components/footer.js
@@ -1,9 +1,11 @@
 var React = require("react");
+var common = require("./common.js");
 
 var Footer = React.createClass({
+    mixins: [common.SettingsState],
     render: function () {
-        var mode = this.props.settings.mode;
-        var intercept = this.props.settings.intercept;
+        var mode = this.state.settings.mode;
+        var intercept = this.state.settings.intercept;
         return (
             <footer>
                 {mode != "regular" ? <span className="label label-success">{mode} mode</span> : null}