You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
2.2 KiB
69 lines
2.2 KiB
import React from 'react';
|
|
import { selectors } from '@grafana/e2e-selectors';
|
|
import { HorizontalGroup, InfoBox, List, PluginSignatureBadge, useTheme } from '@grafana/ui';
|
|
import { useGetErrors, useFetchStatus } from '../admin/state/hooks';
|
|
import { PluginErrorCode, PluginSignatureStatus } from '@grafana/data';
|
|
import { css } from '@emotion/css';
|
|
|
|
export function PluginsErrorsInfo(): React.ReactElement | null {
|
|
const errors = useGetErrors();
|
|
const { isLoading } = useFetchStatus();
|
|
const theme = useTheme();
|
|
|
|
if (isLoading || errors.length === 0) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<InfoBox
|
|
aria-label={selectors.pages.PluginsList.signatureErrorNotice}
|
|
severity="warning"
|
|
urlTitle="Read more about plugin signing"
|
|
url="https://grafana.com/docs/grafana/latest/plugins/plugin-signatures/"
|
|
>
|
|
<div>
|
|
<p>
|
|
Unsigned plugins were found during plugin initialization. Grafana Labs cannot guarantee the integrity of these
|
|
plugins. We recommend only using signed plugins.
|
|
</p>
|
|
The following plugins are disabled and not shown in the list below:
|
|
<List
|
|
items={errors}
|
|
className={css`
|
|
list-style-type: circle;
|
|
`}
|
|
renderItem={(error) => (
|
|
<div
|
|
className={css`
|
|
margin-top: ${theme.spacing.sm};
|
|
`}
|
|
>
|
|
<HorizontalGroup spacing="sm" justify="flex-start" align="center">
|
|
<strong>{error.pluginId}</strong>
|
|
<PluginSignatureBadge
|
|
status={mapPluginErrorCodeToSignatureStatus(error.errorCode)}
|
|
className={css`
|
|
margin-top: 0;
|
|
`}
|
|
/>
|
|
</HorizontalGroup>
|
|
</div>
|
|
)}
|
|
/>
|
|
</div>
|
|
</InfoBox>
|
|
);
|
|
}
|
|
|
|
function mapPluginErrorCodeToSignatureStatus(code: PluginErrorCode) {
|
|
switch (code) {
|
|
case PluginErrorCode.invalidSignature:
|
|
return PluginSignatureStatus.invalid;
|
|
case PluginErrorCode.missingSignature:
|
|
return PluginSignatureStatus.missing;
|
|
case PluginErrorCode.modifiedSignature:
|
|
return PluginSignatureStatus.modified;
|
|
default:
|
|
return PluginSignatureStatus.missing;
|
|
}
|
|
}
|
|
|