comment intro

src/ui/component/commentCreate/view.jsx

@@ -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>
   );
 }

src/ui/page/file/view.jsx

@@ -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>

static/locales/en.json

@@ -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"
+}