From fb8419f3e152bba6c77e044e2e4e3b598cc7a48d Mon Sep 17 00:00:00 2001
From: Erik Jan de Wit <erikjan.dewit@gmail.com>
Date: Tue, 22 Jun 2021 10:32:04 +0200
Subject: [PATCH] added help item on enable switch

---
 src/clients/ClientDetails.tsx             |  1 +
 src/clients/help.json                     |  1 +
 src/components/view-header/ViewHeader.tsx | 10 ++++++++++
 3 files changed, 12 insertions(+)

diff --git a/src/clients/ClientDetails.tsx b/src/clients/ClientDetails.tsx
index b42326d188..de86268853 100644
--- a/src/clients/ClientDetails.tsx
+++ b/src/clients/ClientDetails.tsx
@@ -81,6 +81,7 @@ const ClientDetailHeader = ({
         subKey="clients:clientsExplain"
         badge={client.protocol}
         divider={false}
+        helpTextKey="clients-help:enableDisable"
         dropdownItems={[
           <DropdownItem key="download" onClick={() => toggleDownloadDialog()}>
             {t("downloadAdapterConfig")}
diff --git a/src/clients/help.json b/src/clients/help.json
index a3350e1381..0758a13341 100644
--- a/src/clients/help.json
+++ b/src/clients/help.json
@@ -1,5 +1,6 @@
 {
   "clients-help": {
+    "enableDisable": "Disabled clients cannot initiate a login or have obtained access tokens.",
     "clientType": "'OpenID connect' allows Clients to verify the identity of the End-User based on the authentication performed by an Authorization Server.'SAML' enables web-based authentication and authorization scenarios including cross-domain single sign-on (SSO) and uses security tokens containing assertions to pass information.",
     "serviceAccount": "Allows you to authenticate this client to Keycloak and retrieve access token dedicated to this client. In terms of OAuth2 specification, this enables support of 'Client Credentials Grant' for this client.",
     "authentication": "This defines the type of the OIDC client. When it's ON, the OIDC type is set to confidential access type. When it's OFF, it is set to public access type",
diff --git a/src/components/view-header/ViewHeader.tsx b/src/components/view-header/ViewHeader.tsx
index 0eec0490f6..b18eece0e9 100644
--- a/src/components/view-header/ViewHeader.tsx
+++ b/src/components/view-header/ViewHeader.tsx
@@ -21,6 +21,7 @@ import {
   FormattedLink,
   FormattedLinkProps,
 } from "../external-link/FormattedLink";
+import { HelpItem } from "../help-enabler/HelpItem";
 
 export type ViewHeaderProps = {
   titleKey: string;
@@ -36,6 +37,7 @@ export type ViewHeaderProps = {
   isEnabled?: boolean;
   onToggle?: (value: boolean) => void;
   divider?: boolean;
+  helpTextKey?: string;
 };
 
 export const ViewHeader = ({
@@ -51,6 +53,7 @@ export const ViewHeader = ({
   isEnabled = true,
   onToggle,
   divider = true,
+  helpTextKey,
 }: ViewHeaderProps) => {
   const { t } = useTranslation();
   const { enabled } = useContext(HelpContext);
@@ -106,6 +109,13 @@ export const ViewHeader = ({
                         }
                       }}
                     />
+                    {helpTextKey && (
+                      <HelpItem
+                        helpText={t(helpTextKey)}
+                        forLabel={t("common:enabled")}
+                        forID={`${titleKey}-switch`}
+                      />
+                    )}
                   </ToolbarItem>
                 )}
                 {dropdownItems && (