Fix message for no tags

Sacret · Sacret · commit e9ddde80f3c8 · 2016-02-08T22:58:16.000+03:00
diff --git a/js/components/blocks/TagsBlock.js b/js/components/blocks/TagsBlock.js
@@ -83,7 +83,24 @@ const TagsBlock = React.createClass({
     const tagsStore = this.state.tagsStore;
     console.log('tagsList', tagsList);
     //
-    let tags = 'There are no tags for now!';
+    let tags = '';
+    const isCurrentUser = this.props.openUser &&
+      ('github:' + this.props.openUser.id == this.props.uid);
+    const isTagsListEmpty = tagsList && !tagsList.length;
+    if (isCurrentUser && isTagsListEmpty) {
+      tags = <p>You don't have any tags yet. Fell free to add them</p>;
+    }
+    else if (!isCurrentUser && isTagsListEmpty) {
+      tags = <p>
+        Unfortunately this user doesn't have any tags on githubify.
+        Let him/her know about it on email:&nbsp;
+        <a
+          href={'mailto:' + this.props.openUser.email + '?subject=githubify.me'}
+        >
+          {this.props.openUser.email}
+        </a>
+      </p>;
+    }
     if (tagsList && tagsList.length && this.props.openUser) {
       tags = _.map(tagsList, (tag) => {
         let activeClass = _.includes(tagsStore, tag.title) ?
@@ -108,13 +125,6 @@ const TagsBlock = React.createClass({
         );
       });
     }
-    else if (tagsList && !tagsList.length) {
-      tags = <p>
-        Unfortunately this user doesn't have any tags on githubify.
-        Let him/her know about it on email:&nbsp;
-        <a href={'mailto:' + this.props.openUser.email + '?subject=githubify.me'}>{this.props.openUser.email}</a>
-      </p>;
-    }
     //
     return (
       <div className="tags-block">
diff --git a/less/components.less b/less/components.less
@@ -57,7 +57,6 @@
   .share-block {
     .center-block();
     display: table;
-    margin-top: 20px;
   }
   @media (min-width: @screen-md) {
     text-align: right;

Original file line number	Diff line number	Diff line change
`@@ -57,7 +57,6 @@`
`57`	`57`	`.share-block {`
`58`	`58`	`.center-block();`
`59`	`59`	`display: table;`
`60`		`- margin-top: 20px;`
`61`	`60`	`}`
`62`	`61`	`@media (min-width: @screen-md) {`
`63`	`62`	`text-align: right;`