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,22 +36,22 @@ export function CommentCreate(props: Props) {
} }
return ( return (
<React.Fragment>
{commentAck !== true && (
<section> <section>
<div className="card__content"> {commentAck !== true && (
<div className="media__title">About comments..</div> <div className="card__content markdown-preview">
</div> <p>A few things to know before participating in the comment alpha:</p>
<div className="card__content"> <ul>
<div className="media__subtitle">I acknowledge something.</div> <li>During the alpha, all comments are sent to a LBRY, Inc. server, not the LBRY network itself.</li>
</div> <li>During the alpha, comments are not decentralized or censorship resistant (but we repeat ourselves).</li>
<div className="card__content"> <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!')} /> <Button button="primary" onClick={handleCommentAck} label={__('Got it!')} />
</div> </div>
</section>
)} )}
{commentAck === true && ( {commentAck === true && (
<section>
<Form onSubmit={handleSubmit}> <Form onSubmit={handleSubmit}>
<div className="card__content"> <div className="card__content">
<ChannelSection channel={channel} onChannelChange={handleChannelChange} /> <ChannelSection channel={channel} onChannelChange={handleChannelChange} />
@ -76,8 +76,7 @@ export function CommentCreate(props: Props) {
/> />
</div> </div>
</Form> </Form>
</section>
)} )}
</React.Fragment> </section>
); );
} }

View file

@ -291,7 +291,9 @@ class FilePage extends React.Component<Props> {
<ClaimTags uri={uri} type="large" /> <ClaimTags uri={uri} type="large" />
<FileDetails uri={uri} /> <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} /> <CommentCreate uri={uri} />
<CommentsList uri={uri} /> <CommentsList uri={uri} />
</div> </div>

View file

@ -530,5 +530,8 @@
"Got it": "Got it", "Got it": "Got it",
"View Your Feed": "View Your Feed", "View Your Feed": "View Your Feed",
"View Your Channels": "View Your Channels", "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"
} }