mirror of
https://github.com/grafana/grafana.git
synced 2025-02-14 09:33:34 -06:00
d6d49d8ba3
* refactor: move utility functions out of the redux actions * refactor: move password handlers to the feature root * refactor: move API related functions to an api.ts * refactor: move components under a /components folder * refactor: move page containers under a /pages folder and extract components * refactor: update mocks to be easier to reuse * refactor: move tests into a state/tests/ subfolder * refactor: expose 'initialState' for plugins * refactor: move generic types to the root folder of the feature * refactor: import path fixe * refactor: update import paths for app routes * chore: update betterer * refactor: fix type errors due to changed mock functions * chore: fix mocking context_srv in tests * refactor: udpate imports to be more concise * fix: update failing test because of mocks * refactor: use the new `navId` prop where we can * fix: use UID instead ID in datasource edit links * fix:clean up Redux state when unmounting the edit page * refactor: use `uid` instead of `id` * refactor: always fetch the plugin details when editing a datasource The deleted lines could provide performance benefits, although they also make the implementation more prone to errors. (Mostly because we are storing the information about the currently loaded plugin in a single field, and it was not validating if it is for the latest one). We are planning to introduce some kind of caching, but first we would like to clean up the underlying state a bit (plugins & datasources. * fix: add missing dispatch() wrapper for update datasource callback * refactor: prefer using absolute import paths Co-authored-by: Ryan McKinley <ryantxu@gmail.com> * fix: ESLINT import order issue * refactor: put test files next to their files * refactor: use implicit return types for components * fix: remove caching from datasource fetching I have introduced a cache to only fetch data-sources once, however as we are missing a good logic for updating the instances in the Redux store when they change (create, update, delete), this approach is not keeping the UI in sync. Due to this reason I have removed the caching for now, and will reintroduce it once we have a more robust client-side state logic. Co-authored-by: Ryan McKinley <ryantxu@gmail.com>
75 lines
2.1 KiB
TypeScript
75 lines
2.1 KiB
TypeScript
import React from 'react';
|
|
|
|
import { DataSourceSettings } from '@grafana/data';
|
|
import { GrafanaEdition } from '@grafana/data/src/types/config';
|
|
import { Alert } from '@grafana/ui';
|
|
import { LocalStorageValueProvider } from 'app/core/components/LocalStorageValueProvider';
|
|
import { config } from 'app/core/config';
|
|
|
|
const LOCAL_STORAGE_KEY = 'datasources.settings.cloudInfoBox.isDismissed';
|
|
|
|
export interface Props {
|
|
dataSource: DataSourceSettings;
|
|
}
|
|
|
|
export function CloudInfoBox({ dataSource }: Props) {
|
|
let mainDS = '';
|
|
let extraDS = '';
|
|
|
|
// don't show for already configured data sources or provisioned data sources
|
|
if (dataSource.readOnly || (dataSource.version ?? 0) > 2) {
|
|
return null;
|
|
}
|
|
|
|
// Skip showing this info box in some editions
|
|
if (config.buildInfo.edition !== GrafanaEdition.OpenSource) {
|
|
return null;
|
|
}
|
|
|
|
switch (dataSource.type) {
|
|
case 'prometheus':
|
|
mainDS = 'Prometheus';
|
|
extraDS = 'Loki';
|
|
break;
|
|
case 'loki':
|
|
mainDS = 'Loki';
|
|
extraDS = 'Prometheus';
|
|
break;
|
|
default:
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<LocalStorageValueProvider<boolean> storageKey={LOCAL_STORAGE_KEY} defaultValue={false}>
|
|
{(isDismissed, onDismiss) => {
|
|
if (isDismissed) {
|
|
return null;
|
|
}
|
|
return (
|
|
<Alert
|
|
title={`Configure your ${mainDS} data source below`}
|
|
severity="info"
|
|
bottomSpacing={4}
|
|
onRemove={() => {
|
|
onDismiss(true);
|
|
}}
|
|
>
|
|
Or skip the effort and get {mainDS} (and {extraDS}) as fully-managed, scalable, and hosted data sources from
|
|
Grafana Labs with the{' '}
|
|
<a
|
|
className="external-link"
|
|
href={`https://grafana.com/signup/cloud/connect-account?src=grafana-oss&cnt=${dataSource.type}-settings`}
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
title="The free plan includes 10k active metrics and 50gb storage."
|
|
>
|
|
free-forever Grafana Cloud plan
|
|
</a>
|
|
.
|
|
</Alert>
|
|
);
|
|
}}
|
|
</LocalStorageValueProvider>
|
|
);
|
|
}
|