diff --git a/public/app/features/plugins/admin/components/PluginDetailsDisabledError.tsx b/public/app/features/plugins/admin/components/PluginDetailsDisabledError.tsx index 88eadc6a23d..12b6b6cf043 100644 --- a/public/app/features/plugins/admin/components/PluginDetailsDisabledError.tsx +++ b/public/app/features/plugins/admin/components/PluginDetailsDisabledError.tsx @@ -1,4 +1,4 @@ -import React from 'react'; +import React, { ReactElement } from 'react'; import { PluginErrorCode } from '@grafana/data'; import { Alert } from '@grafana/ui'; import { CatalogPlugin } from '../types'; @@ -9,7 +9,7 @@ type Props = { plugin: CatalogPlugin; }; -export function PluginDetailsDisabledError({ className, plugin }: Props): React.ReactElement | null { +export function PluginDetailsDisabledError({ className, plugin }: Props): ReactElement | null { if (!plugin.isDisabled) { return null; } @@ -35,7 +35,7 @@ export function PluginDetailsDisabledError({ className, plugin }: Props): React. ); } -function renderDescriptionFromError(error?: PluginErrorCode): React.ReactElement { +function renderDescriptionFromError(error?: PluginErrorCode): ReactElement { switch (error) { case PluginErrorCode.modifiedSignature: return ( diff --git a/public/app/features/plugins/admin/components/PluginDetailsHeaderSignature.tsx b/public/app/features/plugins/admin/components/PluginDetailsHeaderSignature.tsx index 93fe8d5d114..5c73d09d048 100644 --- a/public/app/features/plugins/admin/components/PluginDetailsHeaderSignature.tsx +++ b/public/app/features/plugins/admin/components/PluginDetailsHeaderSignature.tsx @@ -1,6 +1,7 @@ import React from 'react'; -import { PluginSignatureStatus } from '@grafana/data'; -import { PluginSignatureBadge } from '@grafana/ui'; +import { css } from '@emotion/css'; +import { GrafanaTheme2, PluginSignatureStatus } from '@grafana/data'; +import { PluginSignatureBadge, useStyles2 } from '@grafana/ui'; import { PluginSignatureDetailsBadge } from './PluginSignatureDetailsBadge'; import { CatalogPlugin } from '../types'; @@ -10,11 +11,17 @@ type Props = { // Designed to show plugin signature information in the header on the plugin's details page export function PluginDetailsHeaderSignature({ plugin }: Props): React.ReactElement { + const styles = useStyles2(getStyles); const isSignatureValid = plugin.signature === PluginSignatureStatus.valid; return ( -