|
|
@@ -37,18 +37,24 @@ class CustomizeLayoutSetting extends React.Component {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ renderDevAlert() {
|
|
|
+ return (
|
|
|
+ <div className="alert alert-warning">
|
|
|
+ <strong>DEBUG MESSAGE:</strong> development build では、リアルタイムプレビューが無効になります
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
render() {
|
|
|
const { t } = this.props;
|
|
|
+ const { NODE_ENV } = this.props.appContainer.config.env;
|
|
|
|
|
|
return (
|
|
|
<React.Fragment>
|
|
|
<h2>{t('customize_page.Layout')}</h2>
|
|
|
<CustomizeLayoutOptions />
|
|
|
<h2>{ t('customize_page.Theme') }</h2>
|
|
|
- {/* TODO hide dev mode */}
|
|
|
- <div className="alert alert-warning">
|
|
|
- <strong>DEBUG MESSAGE:</strong> development build では、リアルタイムプレビューが無効になります
|
|
|
- </div>
|
|
|
+ {NODE_ENV === 'development' && (this.renderDevAlert())}
|
|
|
<CustomizeThemeOptions />
|
|
|
<div className="form-group my-3">
|
|
|
<div className="col-xs-offset-4 col-xs-5">
|