comment intro

This commit is contained in:
Jeremy Kauffman 2019-07-10 10:43:55 -04:00
parent 610f36459f
commit bee401fd84
3 changed files with 46 additions and 42 deletions

View file

@ -36,48 +36,47 @@ export function CommentCreate(props: Props) {
}
return (
<React.Fragment>
<section>
{commentAck !== true && (
<section>
<div className="card__content">
<div className="media__title">About comments..</div>
</div>
<div className="card__content">
<div className="media__subtitle">I acknowledge something.</div>
</div>
<div className="card__content">
<Button button="primary" onClick={handleCommentAck} label={__('Got it!')} />
</div>
</section>
<div className="card__content markdown-preview">
<p>A few things to know before participating in the comment alpha:</p>
<ul>
<li>During the alpha, all comments are sent to a LBRY, Inc. server, not the LBRY network itself.</li>
<li>During the alpha, comments are not decentralized or censorship resistant (but we repeat ourselves).</li>
<li>
When the alpha ends, we will attempt to transition comments, but do not promise to so. Any transition will
likely involve publishing previous comments under a single archive handle.
</li>
</ul>
<Button button="primary" onClick={handleCommentAck} label={__('Got it!')} />
</div>
)}
{commentAck === true && (
<section>
<Form onSubmit={handleSubmit}>
<div className="card__content">
<ChannelSection channel={channel} onChannelChange={handleChannelChange} />
</div>
<div className="card__content">
<FormField
disabled={channel === CHANNEL_NEW}
type="textarea"
name="content_description"
label={__('Comment')}
placeholder={__('Your comment')}
value={commentValue}
onChange={handleCommentChange}
/>
</div>
<div className="card__actions">
<Button
button="primary"
disabled={channel === CHANNEL_NEW || !commentValue.length}
type="submit"
label={__('Post')}
/>
</div>
</Form>
</section>
<Form onSubmit={handleSubmit}>
<div className="card__content">
<ChannelSection channel={channel} onChannelChange={handleChannelChange} />
</div>
<div className="card__content">
<FormField
disabled={channel === CHANNEL_NEW}
type="textarea"
name="content_description"
label={__('Comment')}
placeholder={__('Your comment')}
value={commentValue}
onChange={handleCommentChange}
/>
</div>
<div className="card__actions">
<Button
button="primary"
disabled={channel === CHANNEL_NEW || !commentValue.length}
type="submit"
label={__('Post')}
/>
</div>
</Form>
)}
</React.Fragment>
</section>
);
}

View file

@ -291,7 +291,9 @@ class FilePage extends React.Component<Props> {
<ClaimTags uri={uri} type="large" />
<FileDetails uri={uri} />
<div className="media__info-title">{__('Comments')}</div>
<div className="media__info-title">
{__('Comments')} <span className="badge badge--alert">ALPHA</span>
</div>
<CommentCreate uri={uri} />
<CommentsList uri={uri} />
</div>

View file

@ -530,5 +530,8 @@
"Got it": "Got it",
"View Your Feed": "View Your Feed",
"View Your Channels": "View Your Channels",
"Unfollow": "Unfollow"
"Unfollow": "Unfollow",
"myChannelName": "myChannelName",
"This LBC remains yours. It is a deposit to reserve the name and can be undone at any time.": "This LBC remains yours. It is a deposit to reserve the name and can be undone at any time.",
"Create channel": "Create channel"
}