diff --git a/src/components/editors/NotSupportedText.tsx b/src/components/editors/NotSupportedText.tsx
new file mode 100644
index 0000000..22c4432
--- /dev/null
+++ b/src/components/editors/NotSupportedText.tsx
@@ -0,0 +1,5 @@
+import React from 'react';
+
+export function NotSupportedText() {
+ return
To be supported soon...
+}
diff --git a/src/module.ts b/src/module.ts
index e366a4a..ce2912e 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -5,6 +5,7 @@ import { IconsEditor } from './components/editors/IconsEditor';
import { ThresholdsEditor } from './components/editors/ThresholdsEditor';
import { PanelPlugin } from '@grafana/data';
+import { NotSupportedText } from 'components/editors/NotSupportedText';
export const plugin = new PanelPlugin(Panel).setPanelOptions((builder) => {
return builder
@@ -18,21 +19,26 @@ export const plugin = new PanelPlugin(Panel).setPanelOptions((buil
{
label: 'Gauge',
value: Pod.GAUGE,
- description: 'Enable gauge pod',
},
{
label: 'Line',
value: Pod.LINE,
- description: 'Enable line pod',
},
{
label: 'Bar',
value: Pod.BAR,
- description: 'Enable bar pod',
},
],
},
})
+ .addCustomEditor({
+ id: 'notSupportedText',
+ name: 'This visualization is not supported',
+ category: ['Visualization'],
+ path: '',
+ showIf: (config) => config.visualizationType !== Pod.GAUGE,
+ editor: NotSupportedText as any,
+ })
.addFieldNamePicker({
name: 'Value',