fix eslint error

src/client/js/app.jsx

@@ -42,7 +42,7 @@ import AdminRebuildSearch from './components/Admin/AdminRebuildSearch';
 import MarkdownSetting from './components/Admin/MarkdownSetting/MarkDownSetting';
 import UserPage from './components/Admin/Users/Users';
 import UserGroupPage from './components/Admin/UserGroup/UserGroupPage';
-import ManageExternalAccount from './components/Admin/Users/ManageExternalAccount'
+import ManageExternalAccount from './components/Admin/Users/ManageExternalAccount';
 import Customize from './components/Admin/Customize/Customize';
 import Importer from './components/Admin/Importer';
 import FullTextSearchManagement from './components/Admin/FullTextSearchManagement/FullTextSearchPage';

src/client/js/components/Admin/Users/ManageExternalAccount.jsx

@@ -7,77 +7,76 @@ import AppContainer from '../../../services/AppContainer';
 
 
 class ManageExternalAccount extends React.Component {
+
   constructor(props) {
     super(props);
 
     this.state = {
-    }
+    };
   }
 
 
   render() {
     const { t } = this.props;
-    return (
-    <Fragment>
-    <div class="col-md-9">
-      <p>
-        <a class="btn btn-default" href="/admin/users">
-          <i class="icon-fw ti-arrow-left" aria-hidden="true"></i>
-          { t('user_management.back_to_user_management') }
-        </a>
-      </p>
 
-      <h2>{ t('user_management.external_account_list') }</h2>
+    return (
+      <Fragment>
+        <p>
+          <a className="btn btn-default" href="/admin/users">
+            <i className="icon-fw ti-arrow-left" aria-hidden="true"></i>
+            { t('user_management.back_to_user_management') }
+          </a>
+        </p>
 
-      <table class="table table-bordered table-user-list">
-        <thead>
-          <tr>
-            <th width="120px">{ t('user_management.authentication_provider') }</th>
-            <th><code>accountId</code></th>
-            <th>{ t('user_management.related_username', 'username') }</th>
+        <h2>{ t('user_management.external_account_list') }</h2>
 
-            <th>
-              { t('user_management.password_setting') }
-              <a class="text-muted"
-                  data-toggle="popover" data-placement="top"
-                  data-trigger="hover focus" tabindex="0" role="button"
-                  data-animation="false" data-html="true"
-                  data-content="<small>{ t('user_management.password_setting_help') }</small>">
-                <small>
-                  <i class="icon-question" aria-hidden="true"></i>
-                </small>
-              </a>
-            </th>
-            <th width="100px">{ t('Created') }</th>
-            <th width="70px"></th>
-          </tr>
-        </thead>
-        <tbody>
+        <table className="table table-bordered table-user-list">
+          <thead>
+            <tr>
+              <th width="120px">{ t('user_management.authentication_provider') }</th>
+              <th><code>accountId</code></th>
+              <th>{ t('user_management.related_username', 'username') }</th>
+              <th>
+                { t('user_management.password_setting') }
+                <div className="text-muted"
+                  data-toggle="popover"
+                  data-placement="top"
+                  data-trigger="hover focus"
+                  tabIndex="0"
+                  role="button"
+                  data-animation="false"
+                  data-html="true"
+                  data-content="<small>{{ t('user_management.password_setting_help') }}</small>"
+                >
+                  <small>
+                    <i className="icon-question" aria-hidden="true"></i>
+                  </small>
+                </div>
+              </th>
+              <th width="100px">{ t('Created') }</th>
+              <th width="70px"></th>
+            </tr>
+          </thead>
+          <tbody>
             <td>
-              <div class="btn-group admin-user-menu">
-                <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown">
-                  <i class="icon-settings"></i> <span class="caret"></span>
+              <div className="btn-group admin-user-menu">
+                <button type="button" className="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown">
+                  <i clasNames="icon-settings"></i> <span className="caret"></span>
                 </button>
-                <ul class="dropdown-menu" role="menu">
-                  <li class="dropdown-header">{ t('user_management.edit_menu') }</li>
+                <ul className="dropdown-menu" role="menu">
+                  <li className="dropdown-header">{ t('user_management.edit_menu') }</li>
                   <form id="form_remove_{{ loop.index }}" action="/admin/users/external-accounts/{{ account._id.toString() }}/remove" method="post">
                     <input type="hidden" name="_csrf" value="{{ csrf() }}" />
                   </form>
-                  <li>
-                    <a href="javascript:form_remove_{{ loop.index }}.submit()">
-                      <i class="icon-fw icon-fire text-danger"></i>
-                      { t('Delete') }
-                    </a>
-                  </li>
                 </ul>
               </div>
             </td>
           </tbody>
         </table>
-      </div>
-    </Fragment>
+      </Fragment>
     );
   }
+
 }
 
 const ManageExternalAccountWrapper = (props) => {