Plugins: add UI for more supported datasources with secure socks proxy feature toggle (#61962)

public/app/plugins/datasource/influxdb/components/ConfigEditor.tsx

@@ -11,7 +11,17 @@ import {
   onUpdateDatasourceSecureJsonDataOption,
   updateDatasourcePluginJsonDataOption,
 } from '@grafana/data';
-import { Alert, DataSourceHttpSettings, InfoBox, InlineField, InlineFormLabel, LegacyForms, Select } from '@grafana/ui';
+import {
+  Alert,
+  DataSourceHttpSettings,
+  InfoBox,
+  InlineField,
+  InlineFormLabel,
+  LegacyForms,
+  Select,
+  SecureSocksProxySettings,
+} from '@grafana/ui';
+import { config } from 'app/core/config';
 
 const { Input, SecretFormField } = LegacyForms;
 import { BROWSER_MODE_DISABLED_MESSAGE } from '../constants';
@@ -316,6 +326,10 @@ export class ConfigEditor extends PureComponent<Props, State> {
           onChange={onOptionsChange}
         />
 
+        {config.featureToggles.secureSocksDatasourceProxy && (
+          <SecureSocksProxySettings options={options} onOptionsChange={onOptionsChange} />
+        )}
+
         <div className="gf-form-group">
           <div>
             <h3 className="page-heading">InfluxDB Details</h3>