Преглед изворни кода

create update button component

itizawa пре 6 година
родитељ
комит
8be92d7af2

+ 27 - 0
src/client/js/components/Admin/Common/AdminUpdateButton.jsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { withTranslation } from 'react-i18next';
+
+class AdminUpdateButton extends React.PureComponent {
+
+  render() {
+    const { t } = this.props;
+
+    return (
+      <div className="form-group my-3">
+        <div className="col-xs-offset-4 col-xs-5">
+          <div className="btn btn-primary" onClick={this.props.onClick}>{ t('Update') }</div>
+        </div>
+      </div>
+    );
+  }
+
+}
+
+AdminUpdateButton.propTypes = {
+  t: PropTypes.func.isRequired, // i18next
+
+  onClick: PropTypes.func.isRequired,
+};
+
+export default withTranslation()(AdminUpdateButton);

+ 2 - 5
src/client/js/components/Admin/Customize/CustomizeBehaviorSetting.jsx

@@ -11,6 +11,7 @@ import AppContainer from '../../../services/AppContainer';
 
 import AdminCustomizeContainer from '../../../services/AdminCustomizeContainer';
 import CustomizeBehaviorOption from './CustomizeBehaviorOption';
+import AdminUpdateButton from '../Common/AdminUpdateButton';
 
 const logger = loggerFactory('growi:importer');
 
@@ -73,11 +74,7 @@ class CustomizeBehaviorSetting extends React.Component {
           </ul>
         </CustomizeBehaviorOption>
 
-        <div className="form-group my-3">
-          <div className="col-xs-offset-4 col-xs-5">
-            <div className="btn btn-primary" onClick={this.onClickSubmit}>{ t('Update') }</div>
-          </div>
-        </div>
+        <AdminUpdateButton onClick={this.onClickSubmit} />
       </React.Fragment>
     );
   }