add review && draft

frontend/src/components/markdown-viewer.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import MarkdownViewer from '@seafile/seafile-editor/dist/viewer/markdown-viewer';
+import { Tooltip } from 'reactstrap';
 
 const gettext = window.gettext;
 
@@ -16,9 +17,18 @@ const viewerPropTypes = {
 const contentClass = 'markdown-content';
 
 class MarkdownContentViewer extends React.Component {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      showReviewTip: false,
+      showDraftTip: false,
+    };
+  }
+
   componentDidUpdate () {
-      var links = document.querySelectorAll(`.${contentClass} a`);
-      links.forEach((li) => {li.addEventListener('click', this.onLinkClick); });
+    var links = document.querySelectorAll(`.${contentClass} a`);
+    links.forEach((li) => {li.addEventListener('click', this.onLinkClick); });
   }
 
   onLinkClick = (event) => {
@@ -34,6 +44,24 @@ class MarkdownContentViewer extends React.Component {
     }
     return (
         <div className="markdown-content">
+         {this.props.reviewStatus === 'open' &&
+            <div className='seafile-btn-view-review text-center'>
+              <div className='tag tag-green'> 
+                {gettext('This file is in review stage')}
+                <a className="ml-2" onMouseDown={this.props.goReviewPage}>{gettext('View Review')}</a>
+              </div>
+            </div>
+          }
+
+         {(!this.props.isDraft && this.props.hasDraft && this.props.reviewStatus !== 'open') &&
+            <div className='seafile-btn-view-review text-center'>
+              <div className='tag tag-green'>
+                {gettext('This file is in draft stage.')}
+                <a className="ml-2" onMouseDown={this.props.goDraftPage}>{gettext('Edit Draft')}</a>
+              </div>
+            </div>
+          }
+
           <MarkdownViewer markdownContent={this.props.markdownContent} showTOC={true}
             activeTitleIndex={this.props.activeTitleIndex}
             onContentRendered={this.props.onContentRendered}