change tags

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

@@ -4,6 +4,8 @@ import { withTranslation } from 'react-i18next';
 
 import { createSubscribedElement } from '../../UnstatedUtils';
 import AppContainer from '../../../services/AppContainer';
+import AdminExternalAccountsContainer from '../../../services/AdminExternalAccountsContainer';
+import { toastError } from '../../../util/apiNotification';
 
 
 class ManageExternalAccount extends React.Component {
@@ -13,8 +15,17 @@ class ManageExternalAccount extends React.Component {
     // TODO GW-417
     this.state = {
     };
+    this.handlePage = this.handlePage.bind(this);
   }
 
+  async handlePage(selectedPage) {
+    try {
+      await this.props.adminExternalAccountsContainer.retrieveExternalAccountsByPagingNum(selectedPage);
+    }
+    catch (err) {
+      toastError(err);
+    }
+  }
 
   render() {
     const { t } = this.props;
@@ -35,7 +46,7 @@ class ManageExternalAccount extends React.Component {
             <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.related_username')}</th>
               <th>
                 { t('user_management.password_setting') }
                 <div
@@ -47,7 +58,7 @@ class ManageExternalAccount extends React.Component {
                   role="button"
                   data-animation="false"
                   data-html="true"
-                  data-content="<small>{{ t('user_management.password_setting_help') }}</small>"
+                  data-content={t('user_management.password_setting_help')}
                 >
                   <small>
                     <i className="icon-question" aria-hidden="true"></i>
@@ -73,6 +84,7 @@ const ManageExternalAccountWrapper = (props) => {
 ManageExternalAccount.propTypes = {
   t: PropTypes.func.isRequired, // i18next
   appContainer: PropTypes.instanceOf(AppContainer).isRequired,
+  adminExternalAccountsContainer: PropTypes.instanceOf(AdminExternalAccountsContainer).isRequired,
 };
 
 export default withTranslation()(ManageExternalAccountWrapper);