diff options
author | Jason <jason.daurus@gmail.com> | 2016-03-06 20:20:08 +0800 |
---|---|---|
committer | Jason <jason.daurus@gmail.com> | 2016-03-07 18:47:08 +0800 |
commit | 0545326dc0319923c0746af0dd0746e98528c39c (patch) | |
tree | 5f14bcc5c9ac90fabe2a0aec4bf371f0bed1da12 /web/src/js/components/footer.js | |
parent | 34d19cf12e72a50b1d2e6fd1977c559ed9a80068 (diff) | |
download | mitmproxy-0545326dc0319923c0746af0dd0746e98528c39c.tar.gz mitmproxy-0545326dc0319923c0746af0dd0746e98528c39c.tar.bz2 mitmproxy-0545326dc0319923c0746af0dd0746e98528c39c.zip |
[web] eliminate SettingsState
Diffstat (limited to 'web/src/js/components/footer.js')
-rw-r--r-- | web/src/js/components/footer.js | 29 |
1 files changed, 14 insertions, 15 deletions
diff --git a/web/src/js/components/footer.js b/web/src/js/components/footer.js index 415c2577..7d313b02 100644 --- a/web/src/js/components/footer.js +++ b/web/src/js/components/footer.js @@ -1,19 +1,18 @@ import React from "react"; import {SettingsState} from "./common.js"; -var Footer = React.createClass({ - mixins: [SettingsState], - render: function () { - var mode = this.state.settings.mode; - var intercept = this.state.settings.intercept; - return ( - <footer> - {mode && mode != "regular" ? <span className="label label-success">{mode} mode</span> : null} - - {intercept ? <span className="label label-success">Intercept: {intercept}</span> : null} - </footer> - ); - } -}); +Footer.propTypes = { + settings: React.PropTypes.object.isRequired, +}; -export default Footer;
\ No newline at end of file +export default function Footer({ settings }) { + const mode = settings.mode; + const intercept = settings.intercept; + return ( + <footer> + {mode && mode != "regular" ? <span className="label label-success">{mode} mode</span> : null} + + {intercept ? <span className="label label-success">Intercept: {intercept}</span> : null} + </footer> + ); +} |