adds error message to create post page if user does not have insta coins

reard96 · Jan 20, 2018 · cd18fd1 · cd18fd1
1 parent 25fe41b
commit cd18fd1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/App.css b/src/App.css
@@ -120,3 +120,6 @@ code {
   right: 7.5%;
 }
 
+.error-message {
+  color: red
+}
diff --git a/src/components/CreatePost.js b/src/components/CreatePost.js
@@ -44,7 +44,7 @@ class CreatePost extends Component {
               /><br />
             </div>
             :
-            <h4>You have to buy InstaCoins First!</h4>
+            <h4 className="error-message">You have to buy InstaCoins First!</h4>
             }
             <h4 id="coin-count">You currently have {this.props.user.coinBalance} Coins <br /></h4>
             { this.state.postUrl.length &&