create basic component

src/client/js/components/Admin/Security/SecurityLocalSetting.jsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { withTranslation } from 'react-i18next';
+
+import { createSubscribedElement } from '../../UnstatedUtils';
+
+import AppContainer from '../../../services/AppContainer';
+
+class SecurityLocalSetting extends React.Component {
+
+  render() {
+    return (
+      <h1>hoge</h1>
+    );
+  }
+
+}
+
+SecurityLocalSetting.propTypes = {
+  t: PropTypes.func.isRequired, // i18next
+  appContainer: PropTypes.instanceOf(AppContainer).isRequired,
+};
+
+const SecurityLocalSettingWrapper = (props) => {
+  return createSubscribedElement(SecurityLocalSetting, props, [AppContainer]);
+};
+
+export default withTranslation()(SecurityLocalSettingWrapper);

src/client/js/components/Admin/Security/SecurityManagement.jsx

@@ -5,6 +5,7 @@ import { withTranslation } from 'react-i18next';
 import { createSubscribedElement } from '../../UnstatedUtils';
 
 import AppContainer from '../../../services/AppContainer';
+import SecurityLocalSetting from './SecurityLocalSetting';
 
 class SecurityManagement extends React.Component {
 
@@ -139,7 +140,7 @@ class SecurityManagement extends React.Component {
             </ul>
             <div className="tab-content p-t-10">
               <div id="passport-local" className="tab-pane active" role="tabpanel">
-                {/* TODO GW-542 reactify local.html */}
+                <SecurityLocalSetting />
               </div>
               <div id="passport-ldap" className="tab-pane" role="tabpanel">
                 {/* TODO GW-543 reactify ldap.html */}