more tweaks and turn off auth

This commit is contained in:
Jeremy Kauffman 2017-04-12 12:59:43 -04:00
parent cb4af24cd7
commit a5d1695084
4 changed files with 21 additions and 20 deletions

View file

@ -104,20 +104,20 @@ const ConfirmEmailStage = React.createClass({
}); });
const WelcomeStage = React.createClass({ const WelcomeStage = React.createClass({
onRewardClaim: function() {
console.log('omg');
},
render: function() { render: function() {
// <p>Thank you
return ( return (
<section> <section>
<h3 className="modal__header">Welcome to LBRY.</h3> <h3 className="modal__header">Welcome to LBRY.</h3>
<p>LBRY is the first community controlled content marketplace.</p> <p>LBRY is kind of like a centaur. Totally normal up top, and <em>way different</em> underneath.</p>
<p>Since you're new here, we'll toss you some credits.</p> <p>On the upper level, LBRY is like other popular video and media sites.</p>
<p>Below, LBRY is like nothing else. Through blockchain and decentralization, LBRY is controlled by it's users -- that is, you.</p>
<p>Here is a reward for reading our weird centaur metaphor:</p>
<div style={{textAlign: "center", marginBottom: "12px"}}> <div style={{textAlign: "center", marginBottom: "12px"}}>
<RewardLink type="new_user" onRewardClaim={this.onRewardClaim} /> <RewardLink type="new_user" onRewardClaim={this.onRewardClaim} />
</div> </div>
<p>LBC is blah blah blah.</p> <p>This reward earned you <em>LBC</em>. LBC is used to watch stuff and to have say in how the network works.</p>
<p>And remember, LBRY is a beta and be safe!</p> <p>But no need to understand it all just yet! Try watching something next.</p>
</section> </section>
); );
} }
@ -157,7 +157,7 @@ export const AuthOverlay = React.createClass({
getInitialState: function() { getInitialState: function() {
return { return {
stage: "pending", stage: null,
stageProps: {} stageProps: {}
}; };
}, },
@ -200,8 +200,10 @@ export const AuthOverlay = React.createClass({
}, },
render: function() { render: function() {
if (!this.state.stage || lbryio.user && lbryio.user.HasVerifiedEmail) { if (!this.state.stage || lbryio.user && lbryio.user.HasVerifiedEmail) {
if (this.state.stage != "welcome") {
return null; return null;
} }
}
const StageContent = this._stages[this.state.stage]; const StageContent = this._stages[this.state.stage];
return ( return (
this.state.stage != "welcome" ? this.state.stage != "welcome" ?

View file

@ -50,7 +50,8 @@ export let FormField = React.createClass({
if (this.props.type == 'checkbox') { if (this.props.type == 'checkbox') {
return this.refs.field.checked; return this.refs.field.checked;
} else if (this.props.type == 'file') { } else if (this.props.type == 'file') {
return !!(this.refs.field.files.length && this.refs.field.files[0].path); return this.refs.field.files.length && this.refs.field.files[0].path ?
this.refs.field.files[0].path : null;
} else { } else {
return this.refs.field.value; return this.refs.field.value;
} }

View file

@ -89,9 +89,7 @@ var PublishPage = React.createClass({
publishArgs.file_path = this.refs.file.getValue(); publishArgs.file_path = this.refs.file.getValue();
} }
console.log(publishArgs);
lbry.publish(publishArgs, (message) => { lbry.publish(publishArgs, (message) => {
console.log(message);
this.handlePublishStarted(); this.handlePublishStarted();
}, null, (error) => { }, null, (error) => {
this.handlePublishError(error); this.handlePublishError(error);
@ -117,13 +115,13 @@ var PublishPage = React.createClass({
channels: null, channels: null,
rawName: '', rawName: '',
name: '', name: '',
bid: 0.01, bid: 1,
hasFile: false, hasFile: false,
feeAmount: '', feeAmount: '',
feeCurrency: 'USD', feeCurrency: 'USD',
channel: 'anonymous', channel: 'anonymous',
newChannelName: '@', newChannelName: '@',
newChannelBid: '', newChannelBid: 10,
nameResolved: false, nameResolved: false,
topClaimValue: 0.0, topClaimValue: 0.0,
myClaimValue: 0.0, myClaimValue: 0.0,
@ -392,10 +390,10 @@ var PublishPage = React.createClass({
{ !this.state.hasFile ? '' : { !this.state.hasFile ? '' :
<div> <div>
<div className="card__content"> <div className="card__content">
<FormRow label="Title" type="text" ref="meta_title" name="title" placeholder="UFOs Are Real" /> <FormRow label="Title" type="text" ref="meta_title" name="title" placeholder="Titular Title" />
</div> </div>
<div className="card__content"> <div className="card__content">
<FormRow type="text" label="Thumbnail URL" ref="meta_thumbnail" name="thumbnail" placeholder="http://mycompany.com/images/ep_1.jpg" /> <FormRow type="text" label="Thumbnail URL" ref="meta_thumbnail" name="thumbnail" placeholder="http://spee.ch/mylogo" />
</div> </div>
<div className="card__content"> <div className="card__content">
<FormRow label="Description" type="textarea" ref="meta_description" name="description" placeholder="Description of your content" /> <FormRow label="Description" type="textarea" ref="meta_description" name="description" placeholder="Description of your content" />
@ -495,7 +493,7 @@ var PublishPage = React.createClass({
type="number" type="number"
helper={lbcInputHelp} helper={lbcInputHelp}
onChange={this.handleNewChannelBidChange} onChange={this.handleNewChannelBidChange}
value={this.state.newChannelBid ? this.state.newChannelBid : '10'} /> value={this.state.newChannelBid} />
<div className="form-row-submit"> <div className="form-row-submit">
<Link button="primary" label={!this.state.creatingChannel ? 'Creating identity' : 'Creating identity...'} onClick={this.handleCreateChannelClick} disabled={this.state.creatingChannel} /> <Link button="primary" label={!this.state.creatingChannel ? 'Creating identity' : 'Creating identity...'} onClick={this.handleCreateChannelClick} disabled={this.state.creatingChannel} />
</div> </div>
@ -521,7 +519,7 @@ var PublishPage = React.createClass({
label="Deposit" label="Deposit"
postfix="LBC" postfix="LBC"
onChange={this.handleBidChange} onChange={this.handleBidChange}
value={this.state.bid ? this.state.bid : '1'} value={this.state.bid}
placeholder={this.state.nameResolved ? this.state.topClaimValue + 10 : 100} placeholder={this.state.nameResolved ? this.state.topClaimValue + 10 : 100}
helper={lbcInputHelp} /> helper={lbcInputHelp} />
</div> : '' } </div> : '' }

View file

@ -174,7 +174,7 @@ p
border-radius: 4px; border-radius: 4px;
padding: $spacing-vertical; padding: $spacing-vertical;
box-shadow: $default-box-shadow; box-shadow: $default-box-shadow;
max-width: 250px; max-width: 400px;
} }
.modal__header { .modal__header {