141 lines
4.1 KiB
JavaScript
141 lines
4.1 KiB
JavaScript
var App = React.createClass({
|
|
getInitialState: function() {
|
|
// For now, routes are in format ?page or ?page=args
|
|
var match, param, val, viewingPage,
|
|
drawerOpenRaw = sessionStorage.getItem('drawerOpen');
|
|
|
|
[match, viewingPage, val] = window.location.search.match(/\??([^=]*)(?:=(.*))?/);
|
|
|
|
|
|
return {
|
|
viewingPage: viewingPage,
|
|
drawerOpen: drawerOpenRaw !== null ? JSON.parse(drawerOpenRaw) : true,
|
|
pageArgs: val,
|
|
};
|
|
},
|
|
componentDidMount: function() {
|
|
lbry.getStartNotice(function(notice) {
|
|
if (notice) {
|
|
alert(notice);
|
|
}
|
|
});
|
|
},
|
|
componentWillMount: function() {
|
|
lbry.checkNewVersionAvailable(function(isAvailable) {
|
|
|
|
if (!isAvailable || sessionStorage.getItem('upgradeSkipped')) {
|
|
return;
|
|
}
|
|
|
|
var message = 'The version of LBRY you\'re using is not up to date.\n\n' +
|
|
'Choose "OK" to download the latest version.';
|
|
|
|
lbry.getVersionInfo(function(versionInfo) {
|
|
if (versionInfo.os_system == 'Darwin') {
|
|
var updateUrl = 'https://lbry.io/get/lbry.dmg';
|
|
|
|
var maj, min, patch;
|
|
[maj, min, patch] = versionInfo.lbrynet_version.split('.');
|
|
if (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 the new version, make sure to exit LBRY, if you started the app ' +
|
|
'click that LBRY icon in your status bar and choose "Quit."';
|
|
}
|
|
} else {
|
|
var updateUrl = 'https://lbry.io/get/lbry.deb';
|
|
}
|
|
|
|
if (window.confirm(message))
|
|
{
|
|
lbry.stop();
|
|
window.location = updateUrl;
|
|
} else {
|
|
sessionStorage.setItem('upgradeSkipped', true);
|
|
};
|
|
});
|
|
});
|
|
},
|
|
openDrawer: function() {
|
|
sessionStorage.setItem('drawerOpen', true);
|
|
this.setState({ drawerOpen: true });
|
|
},
|
|
closeDrawer: function() {
|
|
sessionStorage.setItem('drawerOpen', false);
|
|
this.setState({ drawerOpen: false });
|
|
},
|
|
onSearch: function(term) {
|
|
this.setState({
|
|
viewingPage: 'discover',
|
|
pageArgs: term
|
|
});
|
|
},
|
|
getHeaderLinks: function()
|
|
{
|
|
switch(this.state.viewingPage)
|
|
{
|
|
case 'wallet':
|
|
case 'send':
|
|
case 'receive':
|
|
case 'claim':
|
|
return {
|
|
'?wallet' : 'Overview',
|
|
'?send' : 'Send',
|
|
'?receive' : 'Receive',
|
|
'?claim' : 'Claim Beta Code'
|
|
};
|
|
default:
|
|
return null;
|
|
}
|
|
},
|
|
getMainContent: function()
|
|
{
|
|
switch(this.state.viewingPage)
|
|
{
|
|
case 'settings':
|
|
return <SettingsPage />;
|
|
case 'help':
|
|
return <HelpPage />;
|
|
case 'watch':
|
|
return <WatchPage name={this.state.pageArgs} />;
|
|
case 'report':
|
|
return <ReportPage />;
|
|
case 'files':
|
|
return <MyFilesPage />;
|
|
case 'start':
|
|
return <StartPage />;
|
|
case 'claim':
|
|
return <ClaimCodePage />;
|
|
case 'wallet':
|
|
case 'send':
|
|
case 'receive':
|
|
return <WalletPage viewingPage={this.state.viewingPage} />;
|
|
case 'send':
|
|
return <SendPage />;
|
|
case 'receive':
|
|
return <ReceivePage />;
|
|
case 'show':
|
|
return <DetailPage name={this.state.pageArgs} />;
|
|
case 'publish':
|
|
return <PublishPage />;
|
|
case 'discover':
|
|
default:
|
|
return <DiscoverPage query={this.state.pageArgs} />;
|
|
}
|
|
},
|
|
render: function() {
|
|
var mainContent = this.getMainContent(),
|
|
headerLinks = this.getHeaderLinks();
|
|
|
|
return (
|
|
this.state.viewingPage == 'watch' ?
|
|
mainContent :
|
|
<div id="window" className={ this.state.drawerOpen ? 'drawer-open' : 'drawer-closed' }>
|
|
<Drawer onCloseDrawer={this.closeDrawer} viewingPage={this.state.viewingPage} />
|
|
<div id="main-content" className={ headerLinks ? 'with-sub-nav' : 'no-sub-nav' }>
|
|
<Header onOpenDrawer={this.openDrawer} onSearch={this.onSearch} links={headerLinks} viewingPage={this.state.viewingPage} />
|
|
{mainContent}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
});
|