+ client: handle logs configuration

client/src/components/Settings/StatsConfig/Form.js

@@ -9,9 +9,8 @@ import { STATS_INTERVALS_DAYS } from '../../../helpers/constants';
 
 const getIntervalFields = (processing, t, handleChange, toNumber) =>
     STATS_INTERVALS_DAYS.map((interval) => {
-        const title = interval === 1
-            ? t('interval_24_hour')
-            : t('interval_days', { count: interval });
+        const title =
+            interval === 1 ? t('interval_24_hour') : t('interval_days', { count: interval });
 
         return (
             <Field
@@ -37,7 +36,7 @@ const Form = (props) => {
         <form onSubmit={handleSubmit}>
             <div className="row">
                 <div className="col-12">
-                    <label className="form__label form__label--with-desc" htmlFor="server_name">
+                    <label className="form__label form__label--with-desc">
                         <Trans>statistics_retention</Trans>
                     </label>
                     <div className="form__desc form__desc--top">
@@ -45,7 +44,7 @@ const Form = (props) => {
                     </div>
                 </div>
                 <div className="col-12">
-                    <div className="form__group mt-2">
+                    <div className="form__group form__group--settings mt-2">
                         <div className="custom-controls-stacked">
                             {getIntervalFields(processing, t, handleChange, toNumber)}
                         </div>
@@ -69,6 +68,6 @@ Form.propTypes = {
 export default flow([
     withNamespaces(),
     reduxForm({
-        form: 'logConfigForm',
+        form: 'statsConfigForm',
     }),
 ])(Form);

client/src/components/Settings/StatsConfig/index.js

@@ -4,15 +4,15 @@ import { withNamespaces, Trans } from 'react-i18next';
 import debounce from 'lodash/debounce';
 
 import { DEBOUNCE_TIMEOUT } from '../../../helpers/constants';
-import Form from './Form';
 import Card from '../../ui/Card';
+import Form from './Form';
 
 class StatsConfig extends Component {
     handleFormChange = debounce((values) => {
         this.props.setStatsConfig(values);
     }, DEBOUNCE_TIMEOUT);
 
-    handleReset = () => {
+    handleStatsReset = () => {
         const { t, resetStats } = this.props;
         // eslint-disable-next-line no-alert
         if (window.confirm(t('statistics_clear_confirm'))) {
@@ -26,7 +26,7 @@ class StatsConfig extends Component {
         } = this.props;
 
         return (
-            <Card title={t('statistics_logs')} bodyType="card-body box-body--settings">
+            <Card title={t('statistics_configuration')} bodyType="card-body box-body--settings">
                 <div className="form">
                     <Form
                         initialValues={{
@@ -39,8 +39,8 @@ class StatsConfig extends Component {
 
                     <button
                         type="button"
-                        className="btn btn-outline-secondary btn-sm mt-3"
-                        onClick={this.handleReset}
+                        className="btn btn-outline-secondary btn-sm"
+                        onClick={this.handleStatsReset}
                         disabled={processingReset}
                     >
                         <Trans>statistics_clear</Trans>