more tweaks and turn off auth
This commit is contained in:
parent
cb4af24cd7
commit
a5d1695084
4 changed files with 21 additions and 20 deletions
|
@ -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" ?
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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> : '' }
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue