+ {this.state.isLoadingDraft &&
}
+ {(!this.state.isLoadingDraft && this.state.draftList.length !==0) &&
+
+ }
+ {(!this.state.isLoadingDraft && this.state.draftList.length === 0) &&
+
+
{gettext('No draft yet')}
+
{gettext('Draft is a way to let you collaborate with others on files. You can create a draft from a file, edit the draft and then ask for a review. The original file will be updated only after the draft be reviewed.')}
+
+ }
+ {this.state.isMenuShow &&
+
+ }
+
-
{gettext('Drafts')}
-
- {this.state.isLoadingDraft &&
}
- {(!this.state.isLoadingDraft && this.state.draftList.length !==0) &&
-
- }
- {(!this.state.isLoadingDraft && this.state.draftList.length === 0) &&
-
-
{gettext('No draft yet')}
-
{gettext('Draft is a way to let you collaborate with others on files. You can create a draft from a file, edit the draft and then ask for a review. The original file will be updated only after the draft be reviewed.')}
-
- }
- {this.state.isMenuShow &&
-
- }
+
+
+ this.tabItemClick('drafts')}>
+
+ this.tabItemClick('reviews')}>
+
+
+ {this.props.children}
);
}
}
-export default DraftsView;
\ No newline at end of file
+export default DraftsView;
diff --git a/frontend/src/pages/drafts/review-content.js b/frontend/src/pages/drafts/review-content.js
new file mode 100644
index 0000000000..9364e49c89
--- /dev/null
+++ b/frontend/src/pages/drafts/review-content.js
@@ -0,0 +1,52 @@
+import React from 'react';
+import { gettext } from '../../utils/constants';
+import editUtilties from '../../utils/editor-utilties';
+import Loading from '../../components/loading';
+import ReviewListView from '../../components/review-list-view/review-list-view';
+
+class ReviewContent extends React.Component {
+
+ constructor(props) {
+ super(props);
+ this.state = {
+ reviewsList: [],
+ isLoadingReviews: true,
+ isItemFreezed: false,
+ };
+ }
+
+ componentDidMount() {
+ this.initReviewList();
+ }
+
+ initReviewList() {
+ this.setState({isLoadingReviews: true});
+ editUtilties.listReviews().then(res => {
+ this.setState({
+ reviewsList: res.data.data,
+ isLoadingReviews: false,
+ });
+ });
+ }
+
+ render() {
+ return (
+
+ {this.state.isLoadingReviews &&
}
+ {(!this.state.isLoadingReviews && this.state.reviewsList.length !==0) &&
+
+ }
+ {(!this.state.isLoadingReviews && this.state.reviewsList.length === 0) &&
+
+
{gettext('There is no Review file existing')}
+
+ }
+
+ );
+ }
+}
+
+export default ReviewContent;
diff --git a/frontend/src/pages/file-history/main-panel.js b/frontend/src/pages/file-history/main-panel.js
index b0e63c5509..fbce83a083 100644
--- a/frontend/src/pages/file-history/main-panel.js
+++ b/frontend/src/pages/file-history/main-panel.js
@@ -3,10 +3,10 @@ import PropTypes from 'prop-types';
import Prism from 'prismjs';
import Loading from '../../components/loading';
import CommonToolbar from '../../components/toolbar/common-toolbar';
-import DiffViewer from '@seafile/seafile-editor/dist/diff-viewer/diff-viewer';
+import DiffViewer from '@seafile/seafile-editor/dist/viewer/diff-viewer';
import '../../css/initial-style.css';
-require('@seafile/seafile-editor/src/lib/code-hight-package');
+require('@seafile/seafile-editor/dist/editor/code-hight-package');
const contentClass = 'markdown-viewer-render-content';
const propTypes = {
diff --git a/frontend/src/pages/repo-wiki-mode/main-panel.js b/frontend/src/pages/repo-wiki-mode/main-panel.js
index 355c5b42f5..54e0dec99a 100644
--- a/frontend/src/pages/repo-wiki-mode/main-panel.js
+++ b/frontend/src/pages/repo-wiki-mode/main-panel.js
@@ -115,7 +115,7 @@ class MainPanel extends Component {