create base component

src/client/js/components/Me/ProfileImageSettings.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';
+import PersonalContainer from '../../services/PersonalContainer';
+
+const ProfileImageSettings = () => {
+  return (
+    <React.Fragment>
+      <p>hoge</p>
+    </React.Fragment>
+  );
+};
+
+const ProfileImageSettingsWrapper = (props) => {
+  return createSubscribedElement(ProfileImageSettings, props, [AppContainer, PersonalContainer]);
+};
+
+ProfileImageSettings.propTypes = {
+  t: PropTypes.func.isRequired, // i18next
+  appContainer: PropTypes.instanceOf(AppContainer).isRequired,
+  personalContainer: PropTypes.instanceOf(PersonalContainer).isRequired,
+};
+
+export default withTranslation()(ProfileImageSettingsWrapper);

src/client/js/components/Me/UserSettings.jsx

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import { withTranslation } from 'react-i18next';
 
 import BasicInfoSettings from './BasicInfoSettings';
+import ProfileImageSettings from './ProfileImageSettings';
 
 class UserSettings extends React.Component {
 
@@ -19,7 +20,7 @@ class UserSettings extends React.Component {
 
         <div className="mb-5 container-fluid">
           <h2 className="border-bottom">{t('Set Profile Image')}</h2>
-          {/* TODO GW-1032 create component */}
+          <ProfileImageSettings />
         </div>
 
       </Fragment>