plugin: Migrate from grafana-info-box to Alert (@grafana/ui)

The legacy CSS class grafana-info-box will be removed in Grafana 12.
fetzerch · Jul 9, 2024 · 3bc22ac · 3bc22ac
1 parent 943306f
commit 3bc22ac
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/ConfigEditor.tsx b/src/ConfigEditor.tsx
@@ -1,5 +1,5 @@
 import React, { ChangeEvent, PureComponent } from 'react';
-import { InlineField, Input } from '@grafana/ui';
+import { Alert, InlineField, Input } from '@grafana/ui';
 import { DataSourcePluginOptionsEditorProps } from '@grafana/data';
 import { SunAndMoonDataSourceOptions } from './types';
 
@@ -57,11 +57,11 @@ export class ConfigEditor extends PureComponent<Props> {
     return (
       <div className="gf-form-group">
         <h3 className="page-heading">Sun and Moon reference location</h3>
-        <div className="grafana-info-box">
+        <Alert severity="info" title="">
           This datasource calculates sun and moon metrics that are relative to a location on earth.
           <br />
           The geographic position is expressed as latitude and longitude in decimal degrees.
-        </div>
+        </Alert>
         <div className="gf-form">
           <InlineField label="Latitude" labelWidth={14}>
             <Input