fix

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

@@ -34,19 +34,8 @@ class ManageExternalAccount extends React.Component {
 
   render() {
     const { t, adminExternalAccountsContainer } = this.props;
+    const { activePage, totalAccounts, pagingLimit } = adminExternalAccountsContainer.state;
 
-    const pager = (
-
-      <PaginationWrapper
-        activePage={adminExternalAccountsContainer.state.activePage}
-        changePage={this.handleExternalAccountPage}
-        totalItemsCount={adminExternalAccountsContainer.state.totalAccounts}
-        pagingLimit={adminExternalAccountsContainer.state.pagingLimit}
-        align="right"
-        size="sm"
-      />
-
-    );
     return (
       <Fragment>
         <p>
@@ -58,9 +47,30 @@ class ManageExternalAccount extends React.Component {
 
         <h2>{t('admin:user_management.external_account_list')}</h2>
 
-        {pager}
+
+        {totalAccounts === 0 ? <></> : (
+          <PaginationWrapper
+            activePage={activePage}
+            changePage={this.handleExternalAccountPage}
+            totalItemsCount={totalAccounts}
+            pagingLimit={pagingLimit}
+            align="right"
+            size="sm"
+          />
+        )}
+
         <ExternalAccountTable />
-        {pager}
+
+        {totalAccounts === 0 ? <p>外部アカウントはありません</p> : (
+          <PaginationWrapper
+            activePage={activePage}
+            changePage={this.handleExternalAccountPage}
+            totalItemsCount={totalAccounts}
+            pagingLimit={pagingLimit}
+            align="right"
+            size="sm"
+          />
+        )}
 
       </Fragment>
     );