lbry-desktop/js/app.js

66 lines
No EOL
2 KiB
JavaScript

var appStyles = {
width: '800px',
marginLeft: 'auto',
marginRight: 'auto',
};
var App = React.createClass({
getInitialState: function() {
var query = window.location.search.slice(1);
if (['settings', 'help', 'start'].indexOf(query) != -1) {
var viewingPage = query;
} else {
var viewingPage = 'home';
}
return {
viewingPage: viewingPage
};
},
componentWillMount: function() {
lbry.checkNewVersionAvailable(function(isAvailable) {
if (isAvailable) {
var message = "The version of LBRY you're using is not up to date.\n\n" +
"You'll now be taken to lbry.io, where you can download the latest version.";
lbry.getVersionInfo(function(versionInfo) {
var maj, min, patch;
[maj, min, patch] = versionInfo.lbrynet_version.split('.');
if (versionInfo.os_system == 'Darwin' && maj == 0 && min <= 2 && patch <= 2) {
// On OS X with version <= 0.2.2, we need to notify user to close manually close LBRY
message += "\n\nBefore installing, make sure to exit LBRY by choosing the LBRY icon at " +
"the top right of the menu bar and choosing \"Quit.\"";
} else {
lbry.stop();
}
alert(message);
window.location = "http://www.lbry.io/" + (versionInfo.os_system == 'Darwin' ? 'osx' : 'linux');
});
}
});
},
componentDidMount: function() {
lbry.getStartNotice(function(notice) {
if (notice) {
alert(notice);
}
});
},
render: function() {
if (this.state.viewingPage == 'home') {
var content = <HomePage />;
} else if (this.state.viewingPage == 'settings') {
var content = <SettingsPage />;
} else if (this.state.viewingPage == 'help') {
var content = <HelpPage />;
} else if (this.state.viewingPage == 'start') {
var content = <StartPage />;
}
return (
<div style={appStyles}>
{content}
</div>
);
}
});