From 3bc22ac89839f1e0a4cf7e1732a0b70f00466e7b Mon Sep 17 00:00:00 2001
From: Christian Fetzer <fetzer.ch@gmail.com>
Date: Tue, 9 Jul 2024 22:11:49 +0200
Subject: [PATCH] plugin: Migrate from grafana-info-box to Alert (@grafana/ui)

The legacy CSS class grafana-info-box will be removed in Grafana 12.
---
 src/ConfigEditor.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/ConfigEditor.tsx b/src/ConfigEditor.tsx
index 56ab57c..f0a36dc 100644
--- 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