editor tagarea on preview mode

src/components/editorElements/tagArea/view/tagAreaView.js

@@ -131,8 +131,8 @@ export default class TagAreaView extends Component {
                   }}
                   isPin={i === 0 && chips[1]}
                   placeholderTextColor="#fff"
-                  removeButton
-                  handleOnRemoveButtonPress={() => this._handleTagRemove(i)}
+                  //removeButton
+                  //handleOnRemoveButtonPress={() => this._handleTagRemove(i)}
                   editable={!isPreviewActive}
                   maxLength={50}
                   placeholder="tags"

src/screens/editor/screen/editorScreen.js

@@ -228,7 +228,7 @@ class EditorScreen extends Component {
           {!isReply && (
             <TitleArea value={fields.title} componentID="title" intl={intl} autoFocus={true} />
           )}
-          {!isReply && (
+          {!isReply && !isPreviewActive && (
             <TagInput
               value={fields.tags}
               componentID="tag-area"
@@ -236,6 +236,13 @@ class EditorScreen extends Component {
               handleTagChanged={this._handleOnTagAdded}
             />
           )}
+          {!isReply && isPreviewActive && (
+            <TagArea
+              draftChips={fields.tags.length > 0 ? fields.tags : null}
+              componentID="tag-area"
+              intl={intl}
+            />
+          )}
           <MarkdownEditor
             componentID="body"
             draftBody={fields && fields.body}
@@ -257,12 +264,3 @@ class EditorScreen extends Component {
 }
 
 export default injectIntl(EditorScreen);
-/*
-<TagArea
-              draftChips={fields.tags.length > 0 ? fields.tags : null}
-              isRemoveTag={isRemoveTag}
-              componentID="tag-area"
-              handleTagChanged={this._handleOnTagAdded}
-              intl={intl}
-            />
-*/