create theme component

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

@@ -7,6 +7,7 @@ import AppContainer from '../../../services/AppContainer';
 
 import { createSubscribedElement } from '../../UnstatedUtils';
 import CustomizeLayoutSetting from './CustomizeLayoutSetting';
+import CustomizeThemeSetting from './CustomizeThemeSetting';
 
 class Customize extends React.Component {
 
@@ -19,8 +20,10 @@ class Customize extends React.Component {
           <h2>{t('customize_page.Layout')}</h2>
           <CustomizeLayoutSetting />
         </div>
-        <legend>{t('customize_page.Theme')}</legend>
-        {/* テーマフォームの react componentをここで呼ぶ(GW-245) */}
+        <div className="row my-3">
+          <h2>{t('customize_page.Theme')}</h2>
+          <CustomizeThemeSetting />
+        </div>
         <legend>{t('customize_page.Behavior')}</legend>
         {/* 挙動フォームの react componentをここで呼ぶ(GW-246) */}
         <legend>{t('customize_page.Function')}</legend>

src/client/js/components/Admin/Customize/CustomizeThemeSetting.jsx

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