From a51b3f284d506292504dde2a7d4f7d3e115f1aa2 Mon Sep 17 00:00:00 2001
From: PrplHaz4 <PrplHaz4@users.noreply.github.com>
Date: Sun, 17 Dec 2023 22:15:57 -0500
Subject: [PATCH] Update Client Identifier description to use
 IDENTIFYING_CLIENTS_LINK

Existing clientid link is too narrow for this general description, and skips over the whole part about MAC Address only being useful if AGH is also the DHCP Server.
---
 client/src/components/Settings/Clients/Form.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/client/src/components/Settings/Clients/Form.js b/client/src/components/Settings/Clients/Form.js
index ba4ec4b3..60f2b1d5 100644
--- a/client/src/components/Settings/Clients/Form.js
+++ b/client/src/components/Settings/Clients/Form.js
@@ -26,7 +26,7 @@ import {
     renderTextareaField,
 } from '../../../helpers/form';
 import { validateClientId, validateRequiredValue } from '../../../helpers/validators';
-import { CLIENT_ID_LINK, FORM_NAME, UINT32_RANGE } from '../../../helpers/constants';
+import { IDENTIFYING_CLIENTS_LINK, FORM_NAME, UINT32_RANGE } from '../../../helpers/constants';
 import './Service.css';
 
 const settingsCheckboxes = [
@@ -98,12 +98,12 @@ const renderFieldsWrapper = (placeholder, buttonTitle) => function cell(row) {
             ))}
             <button
                 type="button"
-                className="btn btn-link btn-block btn-sm"
+                className="btn btn- btn-block btn-sm"
                 onClick={() => fields.push()}
                 title={buttonTitle}
             >
                 <svg className="icon icon--24">
-                    <use xlinkHref="#plus" />
+                    <use xHref="#plus" />
                 </svg>
             </button>
         </div>
@@ -298,7 +298,7 @@ let Form = (props) => {
             title: 'upstream_dns',
             component: <div label="upstream" title={props.t('upstream_dns')}>
                 <div className="form__desc mb-3">
-                    <Trans components={[<a href="#dns" key="0">link</a>]}>
+                    <Trans components={[<a href="#dns" key="0"></a>]}>
                         upstream_dns_client_desc
                     </Trans>
                 </div>
@@ -372,7 +372,7 @@ let Form = (props) => {
                         <div className="form__desc mt-0 mb-2">
                             <Trans components={[
                                 <a target="_blank" rel="noopener noreferrer" href="https://github.com/AdguardTeam/AdGuardHome/wiki/Hosts-Blocklists#ctag"
-                                   key="0">link</a>,
+                                   key="0"></a>,
                             ]}>
                                 tags_desc
                             </Trans>
@@ -393,7 +393,7 @@ let Form = (props) => {
                         </div>
                         <div className="form__desc mt-0">
                             <Trans components={[
-                                <a href={CLIENT_ID_LINK} target="_blank" rel="noopener noreferrer"
+                                <a href={IDENTIFYING_CLIENTS_LINK} target="_blank" rel="noopener noreferrer"
                                     key="0">text</a>,
                             ]}>
                                 client_identifier_desc