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>