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 if (versionInfo.os_system == 'Linux') { var updateUrl = 'https://lbry.io/get/lbry.deb'; } else if (versionInfo.os_system == 'Windows') { var updateUrl = 'https://lbry.io/get/lbry.msi'; } else { var updateUrl = 'https://lbry.io/get'; } 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': case 'referral': return { '?wallet' : 'Overview', '?send' : 'Send', '?receive' : 'Receive', '?claim' : 'Claim Beta Code', '?referral' : 'Check Referral Credit', }; case 'downloaded': case 'published': return { '?downloaded': 'Downloaded', '?published': 'Published', }; default: return null; } }, getMainContent: function() { switch(this.state.viewingPage) { case 'settings': return ; case 'help': return ; case 'watch': return ; case 'report': return ; case 'downloaded': return ; case 'published': return ; case 'start': return ; case 'claim': return ; case 'referral': return ; case 'wallet': case 'send': case 'receive': return ; case 'send': return ; case 'receive': return ; case 'show': return ; case 'publish': return ; case 'discover': default: return ; } }, render: function() { var mainContent = this.getMainContent(), headerLinks = this.getHeaderLinks(); return ( this.state.viewingPage == 'watch' ? mainContent :
{mainContent}
); } });