show reviewer avatar (#2514)

frontend/src/pages/drafts/review-content.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { gettext } from '../../utils/constants';
-import editUtilties from '../../utils/editor-utilties';
+import { seafileAPI } from '../../utils/seafile-api';
 import Loading from '../../components/loading';
 import ReviewListView from '../../components/review-list-view/review-list-view';
 
@@ -12,19 +12,21 @@ class ReviewContent extends React.Component {
       reviewsList: [],
       isLoadingReviews: true,
       isItemFreezed: false, 
+      activeTab: 'open',
     };
   }
 
   componentDidMount() {
-    this.initReviewList();
+    this.getReviewList('open');
   }
 
-  initReviewList() {
-    this.setState({isLoadingReviews: true});
-    editUtilties.listReviews().then(res => {
+  getReviewList = (reviewStatus) => {
+    this.setState({isLoadingReviews: true})
+    seafileAPI.listReviews(reviewStatus).then(res => {
       this.setState({
         reviewsList: res.data.data,
         isLoadingReviews: false,
+        activeTab: reviewStatus,
       });
     });
   }
@@ -33,17 +35,14 @@ class ReviewContent extends React.Component {
     return (
       <div className="cur-view-content">
         {this.state.isLoadingReviews && <Loading /> }
-        {(!this.state.isLoadingReviews && this.state.reviewsList.length !==0) &&
+        {!this.state.isLoadingReviews  &&
           <ReviewListView
             itemsList={this.state.reviewsList} 
             isItemFreezed={this.state.isItemFreezed}
+            getReviewList={this.getReviewList}
+            activeTab={this.state.activeTab}
           />
         }
-        {(!this.state.isLoadingReviews && this.state.reviewsList.length === 0) &&
-          <div className="message empty-tip">
-            <h2>{gettext('There is no Review file existing')}</h2>
-          </div>
-        }
       </div>
     );
   }