SAML UI: Adds documentation link to the Authentication UI (#68062)

* adds documentation link to the saml ui

* add correct link

* add link to docuemntation

* add documentation etxt

* documentation update wordings
This commit is contained in:
Eric Leijonmarck 2023-05-12 12:10:19 +01:00 committed by GitHub
parent 16359c82a2
commit 09d7d25c9f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 27 additions and 3 deletions

View File

@ -50,8 +50,22 @@ export const AuthConfigPageUnconnected = ({ providerStatuses, isLoading, loadSet
);
const firstAvailableProvider = availableProviders?.length ? availableProviders[0] : null;
{
/* TODO: make generic for the provider of the configuration or make the documentation point to a collection of all our providers */
}
const docsLink = (
<a
className="external-link"
href="https://grafana.com/docs/grafana/next/setup-grafana/configure-security/configure-authentication/saml-ui/"
target="_blank"
rel="noopener noreferrer"
>
documentation.
</a>
);
const subTitle = <span>Manage your auth settings and configure single sign-on. Find out more in our {docsLink}</span>;
return (
<Page navId="authentication">
<Page navId="authentication" subTitle={subTitle}>
<Page.Contents isLoading={isLoading}>
<h3 className={styles.sectionHeader}>Configured authentication</h3>
{!!enabledProviders?.length && (
@ -118,6 +132,15 @@ const getStyles = (theme: GrafanaTheme2) => {
settingName: css`
padding-left: 25px;
`,
doclink: css`
padding-bottom: 5px;
padding-top: -5px;
font-size: ${theme.typography.bodySmall.fontSize};
a {
color: ${theme.colors.info.name}; // use theme link color or any other color
text-decoration: underline; // underline or none, as you prefer
}
`,
settingValue: css`
white-space: break-spaces;
`,

View File

@ -154,12 +154,13 @@ export const ServiceAccountsListPageUnconnected = ({
target="_blank"
rel="noopener noreferrer"
>
here.
documentation.
</a>
);
const subTitle = (
<span>
Service accounts and their tokens can be used to authenticate against the Grafana API. Find out more {docsLink}
Service accounts and their tokens can be used to authenticate against the Grafana API. Find out more in our{' '}
{docsLink}
</span>
);