diff --git a/js/page/help.js b/js/page/help.js index ff3f81a55..d8ad6a8eb 100644 --- a/js/page/help.js +++ b/js/page/help.js @@ -1,10 +1,39 @@ //@TODO: Customize advice based on OS var HelpPage = React.createClass({ + getInitialState: function() { + return { + versionInfo: null, + }; + }, + componentWillMount: function() { + lbry.getVersionInfo((info) => { + this.setState({ + versionInfo: info, + }); + }); + }, componentDidMount: function() { document.title = "Help"; }, render: function() { + var ver = this.state.versionInfo; + + if (ver) { + if (ver.os_system == 'Darwin') { + var osName = (parseInt(ver.os_release.match(/^\d+/)) < 16 ? 'Mac OS X' : 'Mac OS'); + + var platform = osName + ' ' + ver.os_release; + var newVerLink = 'https://lbry.io/get/lbry.dmg'; + } else if (ver.os_system == 'Linux') { + var platform = 'Linux (' + ver.platform + ')'; + var newVerLink = 'https://lbry.io/get/lbry.deb'; + } else { + var platform = 'Windows (' + ver.platform + ')'; + var newVerLink = 'https://lbry.io/get/lbry.msi'; + } + } + return (
@@ -44,6 +73,20 @@ var HelpPage = React.createClass({

None of this applies to me, or it didn't work.

Please . Thanks!

+ {!ver ? null : +
+

About LBRY

+

LBRY version {ver.lbrynet_version}

+

Platform {platform}

+ {ver.lbrynet_update_available + ?

A newer version of LBRY is available.

+ : (ver.lbryum_update_available + ?

You are running version {ver.lbryum_version} of lbryum, the wallet software used to store and process transactions between you and other LBRY users. A newer version is available. to get lbryum {ver.remote_lbryum}!

+ :

Your copy of LBRY is up to date.

) + } + +
+ }
); }