57 lines
2.2 KiB
JavaScript
57 lines
2.2 KiB
JavaScript
import lbry from '../lbry.js';
|
|
import React from 'react';
|
|
import FormField from '../component/form.js';
|
|
|
|
const DeveloperPage = React.createClass({
|
|
getInitialState: function() {
|
|
return {
|
|
debugMode: lbry.getClientSetting('debug'),
|
|
useCustomLighthouseServers: lbry.getClientSetting('useCustomLighthouseServers'),
|
|
customLighthouseServers: lbry.getClientSetting('customLighthouseServers').join('\n'),
|
|
};
|
|
},
|
|
handleDebugModeChange: function(event) {
|
|
lbry.setClientSetting('debug', event.target.checked);
|
|
this.setState({
|
|
debugMode: event.target.checked,
|
|
});
|
|
},
|
|
handleUseCustomLighthouseServersChange: function(event) {
|
|
lbry.setClientSetting('useCustomLighthouseServers', event.target.checked);
|
|
this.setState({
|
|
useCustomLighthouseServers: event.target.checked,
|
|
});
|
|
},
|
|
handleCustomLighthouseServersChange: function(event) {
|
|
lbry.setClientSetting('customLighthouseServers', event.target.value.trim().split('\n'));
|
|
this.setState({
|
|
customLighthouseServers: event.target.value,
|
|
});
|
|
},
|
|
render: function() {
|
|
return (
|
|
<main>
|
|
<section className="card">
|
|
<h3>Developer Settings</h3>
|
|
<div className="form-row">
|
|
<label><FormField type="checkbox" onChange={this.handleDebugModeChange} checked={this.state.debugMode} /> Enable debug mode (exposes LBRY modules in global scope)</label>
|
|
</div>
|
|
<div className="form-row">
|
|
<label><FormField type="checkbox" onChange={this.handleUseCustomLighthouseServersChange} checked={this.state.useCustomLighthouseServers} /> Use custom search servers</label>
|
|
</div>
|
|
{this.state.useCustomLighthouseServers
|
|
? <div className="form-row">
|
|
<label>
|
|
Custom search servers (one per line)
|
|
<div><FormField type="textarea" className="developer-page__custom-lighthouse-servers" value={this.state.customLighthouseServers} onChange={this.handleCustomLighthouseServersChange} checked={this.state.debugMode} /></div>
|
|
</label>
|
|
</div>
|
|
: null}
|
|
</section>
|
|
</main>
|
|
);
|
|
}
|
|
});
|
|
|
|
export default DeveloperPage;
|