IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

SAML UI: metric for provider card clicked (#70894)

Browse Source 
provider card clicked
This commit is contained in:
Eric Leijonmarck 2023-06-29 15:42:52 +01:00 committed by GitHub
parent f274484727
commit 59be79b5f4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
public/app/features/auth-config/AuthConfigPage.tsx
View File

@ -12,6 +12,7 @@ import { StoreState } from 'app/types';
import ConfigureAuthCTA from './components/ConfigureAuthCTA';
import { ProviderCard } from './components/ProviderCard';
import { loadSettings } from './state/actions';
import { AuthProviderInfo } from './types';
import { getProviderUrl } from './utils';
import { getRegisteredAuthProviders } from '.';
@ -70,6 +71,9 @@ export const AuthConfigPageUnconnected = ({ providerStatuses, isLoading, loadSet
const onCTAClick = () => {
reportInteraction('authentication_ui_created', { provider: firstAvailableProvider?.type });
};
const onProviderCardClick = (provider: AuthProviderInfo) => {
reportInteraction('authentication_ui_provider_clicked', { provider: provider.type });
};
return (
<Page navId="authentication" subTitle={subTitle}>
@ -86,6 +90,9 @@ export const AuthConfigPageUnconnected = ({ providerStatuses, isLoading, loadSet
enabled={providerStatuses[provider.id]?.enabled}
configFoundInIniFile={providerStatuses[provider.id]?.configFoundInIniFile}
configPath={provider.configPath}
onClick={() => {
onProviderCardClick(provider);
}}
/>
))}
</div>

4
public/app/features/auth-config/components/ProviderCard.tsx
View File

@ -16,6 +16,7 @@ type Props = {
configPath?: string;
authType?: string;
badges?: JSX.Element[];
onClick?: () => void;
};
export function ProviderCard({
@ -26,12 +27,13 @@ export function ProviderCard({
configPath,
authType,
badges,
onClick,
}: Props) {
const styles = useStyles2(getStyles);
configPath = BASE_PATH + (configPath || providerId);
return (
<Card href={configPath} className={styles.container}>
<Card href={configPath} className={styles.container} onClick={() => onClick && onClick()}>
<Card.Heading className={styles.name}>{displayName}</Card.Heading>
{configFoundInIniFile && (
<>