From b1ba96270b601adc63027e69e01cd2cac6a62add Mon Sep 17 00:00:00 2001
From: bill bittner <bittner.w@gmail.com>
Date: Fri, 19 Jan 2018 14:53:31 -0800
Subject: [PATCH] added red x for errors in field

---
 react/containers/ChannelCreateForm/view.jsx     | 5 +++--
 react/containers/PublishForm/view.jsx           | 7 +------
 react/containers/PublishMetadataInputs/view.jsx | 2 +-
 react/containers/PublishUrlInput/view.jsx       | 1 +
 4 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/react/containers/ChannelCreateForm/view.jsx b/react/containers/ChannelCreateForm/view.jsx
index 92fad44e..967c6443 100644
--- a/react/containers/ChannelCreateForm/view.jsx
+++ b/react/containers/ChannelCreateForm/view.jsx
@@ -129,10 +129,11 @@ class ChannelCreateForm extends React.Component {
               <div className="column column--3 column--sml-10">
                 <label className="label" htmlFor="new-channel-name">Name:</label>
               </div><div className="column column--6 column--sml-10">
-                <div className="input-text--primary flex-container--row flex-container--left-bottom">
+                <div className="input-text--primary flex-container--row flex-container--left-bottom span--relative">
                   <span>@</span>
                   <input type="text" name="channel" id="new-channel-name" className="input-text" placeholder="exampleChannelName" value={this.state.channel} onChange={this.handleChannelInput} />
-                  <span id="input-success-channel-name" className="info-message--success">{'\u2713'}</span>
+                  { (this.state.channel && !this.state.error) && <span id="input-success-channel-name" className="info-message--success span--absolute">{'\u2713'}</span> }
+                  { this.state.error && <span id="input-success-channel-name" className="info-message--failure span--absolute">{'\u2716'}</span> }
                 </div>
               </div>
             </div>
diff --git a/react/containers/PublishForm/view.jsx b/react/containers/PublishForm/view.jsx
index 3b2c3880..fee191ef 100644
--- a/react/containers/PublishForm/view.jsx
+++ b/react/containers/PublishForm/view.jsx
@@ -143,11 +143,6 @@ class PublishForm extends React.Component {
             <div className="row row--padded row--no-top row--no-bottom row--wide">
               <PublishMetadataInputs />
             </div>
-            { this.props.publishSubmitError && (
-              <div className="row align-content-center">
-                <p className="info-message-placeholder info-message--failure">{this.props.publishSubmitError}</p>
-              </div>
-            )}
             <div className="row row--wide align-content-center">
               <button id="publish-submit" className="button--primary button--large" onClick={this.publish}>Publish</button>
             </div>
@@ -155,7 +150,7 @@ class PublishForm extends React.Component {
               <button className="button--cancel" onClick={this.props.onFileClear}>Cancel</button>
             </div>
             <div className="row row--short align-content-center">
-              <p className="fine-print">By clicking 'Upload', you affirm that you have the rights to publish this content to the LBRY network, and that you understand the properties of publishing it to a decentralized, user-controlled network. <a className="link--primary" target="_blank" href="https://lbry.io/learn">Read more.</a></p>
+              <p className="fine-print">By clicking 'Publish', you affirm that you have the rights to publish this content to the LBRY network, and that you understand the properties of publishing it to a decentralized, user-controlled network. <a className="link--primary" target="_blank" href="https://lbry.io/learn">Read more.</a></p>
             </div>
           </div>
         </div>
diff --git a/react/containers/PublishMetadataInputs/view.jsx b/react/containers/PublishMetadataInputs/view.jsx
index 3fa9b149..616d608b 100644
--- a/react/containers/PublishMetadataInputs/view.jsx
+++ b/react/containers/PublishMetadataInputs/view.jsx
@@ -5,7 +5,7 @@ class PublishMetadataInputs extends React.Component {
   constructor (props) {
     super(props);
     this.state = {
-      showInputs       : false,
+      showInputs: false,
     };
     this.toggleShowInputs = this.toggleShowInputs.bind(this);
     this.handleDescriptionInput = this.handleDescriptionInput.bind(this);
diff --git a/react/containers/PublishUrlInput/view.jsx b/react/containers/PublishUrlInput/view.jsx
index b01742e2..f9730ce3 100644
--- a/react/containers/PublishUrlInput/view.jsx
+++ b/react/containers/PublishUrlInput/view.jsx
@@ -72,6 +72,7 @@ class PublishUrlInput extends React.Component {
 
           <input type="text" id="claim-name-input" className="input-text" name='claim' placeholder="your-url-here" onChange={this.handleInput} value={this.props.claim}/>
           { (this.props.claim && !this.props.urlError) && <span id="input-success-claim-name" className="info-message--success span--absolute">{'\u2713'}</span> }
+          { this.props.urlError && <span id="input-success-channel-name" className="info-message--failure span--absolute">{'\u2716'}</span> }
         </div>
       </div>
     );