From d31e9970419c393ac32af527bd94a940f6def990 Mon Sep 17 00:00:00 2001
From: Ildar Kamalov <i.kamalov@adguard.com>
Date: Tue, 17 Dec 2019 16:35:45 +0300
Subject: [PATCH] + client: add autofix explanation to the install form

---
 client/src/__locales/en.json         |  5 +++-
 client/src/install/Setup/Settings.js | 37 +++++++++++++++++++---------
 2 files changed, 29 insertions(+), 13 deletions(-)

diff --git a/client/src/__locales/en.json b/client/src/__locales/en.json
index 09ec7e34..18e2d059 100644
--- a/client/src/__locales/en.json
+++ b/client/src/__locales/en.json
@@ -433,5 +433,8 @@
     "example_rewrite_domain": "rewrite responses for this domain name only.",
     "example_rewrite_wildcard": "rewrite responses for all <0>example.org</0> subdomains.",
     "disable_ipv6": "Disable IPv6",
-    "disable_ipv6_desc": "If this feature is enabled, all DNS queries for IPv6 addresses (type AAAA) will be dropped."
+    "disable_ipv6_desc": "If this feature is enabled, all DNS queries for IPv6 addresses (type AAAA) will be dropped.",
+    "autofix_warning_text": "If you click \"Fix\", AdGuardHome will configure your system to use AdGuardHome DNS server.",
+    "autofix_warning_list": "It will perform these tasks: <0>Deactivate system DNSStubListener</0> <0>Set DNS server address to 127.0.0.1</0> <0>Replace symbolic link target of /etc/resolv.conf to /run/systemd/resolve/resolv.conf</0> <0>Stop DNSStubListener (reload systemd-resolved service)</0>",
+    "autofix_warning_result": "As a result all DNS requests from your system will be processed by AdGuardHome by default."
 }
diff --git a/client/src/install/Setup/Settings.js b/client/src/install/Setup/Settings.js
index dd059fac..246206ba 100644
--- a/client/src/install/Setup/Settings.js
+++ b/client/src/install/Setup/Settings.js
@@ -213,18 +213,31 @@ class Settings extends Component {
                         </div>
                         <div className="col-12">
                             {dnsStatus &&
-                                <div className="setup__error text-danger">
-                                    {dnsStatus}
-                                    {isDnsFixAvailable &&
-                                        <button
-                                            type="button"
-                                            className="btn btn-secondary btn-sm ml-2"
-                                            onClick={() => handleAutofix('dns', dnsIp, dnsPort)}
-                                        >
-                                            <Trans>fix</Trans>
-                                        </button>
-                                    }
-                                </div>
+                                <Fragment>
+                                    <div className="setup__error text-danger">
+                                        {dnsStatus}
+                                        {isDnsFixAvailable &&
+                                            <button
+                                                type="button"
+                                                className="btn btn-secondary btn-sm ml-2"
+                                                onClick={() => handleAutofix('dns', dnsIp, dnsPort)}
+                                            >
+                                                <Trans>fix</Trans>
+                                            </button>
+                                        }
+                                    </div>
+                                    <div className="text-muted mb-2">
+                                        <p className="mb-1">
+                                            <Trans>autofix_warning_text</Trans>
+                                        </p>
+                                        <Trans components={[<li key="0">text</li>]}>
+                                            autofix_warning_list
+                                        </Trans>
+                                        <p className="mb-1">
+                                            <Trans>autofix_warning_result</Trans>
+                                        </p>
+                                    </div>
+                                </Fragment>
                             }
                         </div>
                     </div>