From cac8149d477bb3c8d89a5ccb1530278c1bfffc30 Mon Sep 17 00:00:00 2001
From: Ildar Kamalov <i.kamalov@adguard.com>
Date: Wed, 28 Aug 2019 15:32:06 +0300
Subject: [PATCH] + client: add notice to the time interval input
---
client/src/__locales/en.json | 1 +
client/src/components/Settings/StatsConfig/Form.js | 7 +++++--
2 files changed, 6 insertions(+), 2 deletions(-)
diff --git a/client/src/__locales/en.json b/client/src/__locales/en.json
index a8164e1e..454ef214 100644
--- a/client/src/__locales/en.json
+++ b/client/src/__locales/en.json
@@ -370,6 +370,7 @@
"interval_days": "{{count}} day",
"interval_days_plural": "{{count}} days",
"time_period": "Time period",
+ "time_period_desc": "If you decrease the interval value — some data will be lost",
"domain": "Domain",
"answer": "Answer",
"filter_added_successfully": "The filter has been successfully added"
diff --git a/client/src/components/Settings/StatsConfig/Form.js b/client/src/components/Settings/StatsConfig/Form.js
index fa7e117c..828ffa15 100644
--- a/client/src/components/Settings/StatsConfig/Form.js
+++ b/client/src/components/Settings/StatsConfig/Form.js
@@ -37,12 +37,15 @@ const Form = (props) => {
<form onSubmit={handleSubmit}>
<div className="row">
<div className="col-12">
- <label className="form__label" htmlFor="server_name">
+ <label className="form__label form__label--with-desc" htmlFor="server_name">
<Trans>time_period</Trans>
</label>
+ <div className="form__desc form__desc--top">
+ <Trans>time_period_desc</Trans>
+ </div>
</div>
<div className="col-12">
- <div className="form__group">
+ <div className="form__group mt-2">
<div className="custom-controls-stacked">
{getIntervalFields(processing, t, handleChange, toNumber)}
</div>