Datasources: Allow clearing trace to logs, metrics and profiles datasource pickers (#96554)

Allow clearing trace to logs, metrics and profiles datasource pickers

packages/grafana-o11y-ds-frontend/src/TraceToLogs/TraceToLogsSettings.tsx

@@ -126,6 +126,7 @@ export function TraceToLogsSettings({ options, onOptionsChange }: Props) {
                 datasourceUid: ds.uid,
               })
             }
+            onClear={() => updateTracesToLogs({ datasourceUid: undefined })}
           />
         </InlineField>
       </InlineFieldRow>

packages/grafana-o11y-ds-frontend/src/TraceToMetrics/TraceToMetricsSettings.tsx

@@ -57,24 +57,14 @@ export function TraceToMetricsSettings({ options, onOptionsChange }: Props) {
                 datasourceUid: ds.uid,
               })
             }
-          />
-        </InlineField>
-        {options.jsonData.tracesToMetrics?.datasourceUid ? (
-          <Button
-            type="button"
-            variant="secondary"
-            size="sm"
-            fill="text"
-            onClick={() => {
+            onClear={() =>
               updateDatasourcePluginJsonDataOption({ onOptionsChange, options }, 'tracesToMetrics', {
                 ...options.jsonData.tracesToMetrics,
                 datasourceUid: undefined,
-              });
-            }}
-          >
-            Clear
-          </Button>
-        ) : null}
+              })
+            }
+          />
+        </InlineField>
       </InlineFieldRow>
 
       <InlineFieldRow>

packages/grafana-o11y-ds-frontend/src/TraceToProfiles/TraceToProfilesSettings.tsx

@@ -81,6 +81,12 @@ export function TraceToProfilesSettings({ options, onOptionsChange }: Props) {
                 datasourceUid: ds.uid,
               });
             }}
+            onClear={() => {
+              updateDatasourcePluginJsonDataOption({ onOptionsChange, options }, 'tracesToProfiles', {
+                ...options.jsonData.tracesToProfiles,
+                datasourceUid: undefined,
+              });
+            }}
           />
         </InlineField>
       </InlineFieldRow>