show external accounts page

packages/app/src/pages/admin/users/external-accounts.page.tsx

@@ -0,0 +1,51 @@
+import { isClient } from '@growi/core';
+import {
+  NextPage, GetServerSideProps, GetServerSidePropsContext,
+} from 'next';
+import { useTranslation } from 'next-i18next';
+import dynamic from 'next/dynamic';
+import { Container, Provider } from 'unstated';
+
+import AdminExternalAccountsContainer from '~/client/services/AdminExternalAccountsContainer';
+import { CommonProps, useCustomTitle } from '~/pages/utils/commons';
+
+import { retrieveServerSideProps } from '../../../utils/admin-page-util';
+
+const AdminLayout = dynamic(() => import('~/components/Layout/AdminLayout'), { ssr: false });
+const ManageExternalAccount = dynamic(() => import('~/components/Admin/ManageExternalAccount'), { ssr: false });
+
+
+
+const AdminUserManagementPage: NextPage<CommonProps> = (props) => {
+  const { t } = useTranslation();
+
+  const title = t('user_management.external_account');
+  const injectableContainers: Container<any>[] = [];
+
+  if (isClient()) {
+    const adminExternalAccountsContainer = new AdminExternalAccountsContainer();
+
+    injectableContainers.push(
+      adminExternalAccountsContainer,
+    );
+  }
+
+
+  return (
+    <Provider inject={[...injectableContainers]}>
+      <AdminLayout title={useCustomTitle(props, title)} componentTitle={title} >
+        <ManageExternalAccount />
+      </AdminLayout>
+    </Provider>
+  );
+
+};
+
+
+export const getServerSideProps: GetServerSideProps = async(context: GetServerSidePropsContext) => {
+  const props = await retrieveServerSideProps(context);
+  return props;
+};
+
+
+export default AdminUserManagementPage;

packages/app/src/pages/admin/users.page.tsx → packages/app/src/pages/admin/users/index.page.tsx

@@ -10,7 +10,7 @@ import AdminUsersContainer from '~/client/services/AdminUsersContainer';
 import { SupportedActionType } from '~/interfaces/activity';
 import { CommonProps, useCustomTitle } from '~/pages/utils/commons';
 
-import { retrieveServerSideProps } from '../../utils/admin-page-util';
+import { retrieveServerSideProps } from '../../../utils/admin-page-util';
 
 const AdminLayout = dynamic(() => import('~/components/Layout/AdminLayout'), { ssr: false });