Fix linting issues

Author: borismattijssen

src/components/configEditor/HttpHeadersConfig.tsx

@@ -103,10 +103,7 @@ export const HttpHeadersConfig = (props: HttpHeadersConfigProps) => {
         />
       </Field>
       {logHeadersAsComment && (
-        <Field
-          label={labels.logHeadersAsCommentRegex.label}
-          description={labels.logHeadersAsCommentRegex.tooltip}
-        >
+        <Field label={labels.logHeadersAsCommentRegex.label} description={labels.logHeadersAsCommentRegex.tooltip}>
           <Input
             data-testid={selectors.logHeadersAsCommentRegexInput}
             value={logHeadersAsCommentRegex}

src/views/CHConfigEditor.tsx

@@ -71,7 +71,12 @@ export const ConfigEditor: React.FC<ConfigEditorProps> = (props) => {
   const onSwitchToggle = (
     key: keyof Pick<
       CHConfig,
-      'secure' | 'validateSql' | 'enableSecureSocksProxy' | 'forwardGrafanaHeaders' | 'logHeadersAsComment' | 'enableRowLimit'
+      | 'secure'
+      | 'validateSql'
+      | 'enableSecureSocksProxy'
+      | 'forwardGrafanaHeaders'
+      | 'logHeadersAsComment'
+      | 'enableRowLimit'
     >,
     value: boolean
   ) => {
@@ -181,15 +186,15 @@ export const ConfigEditor: React.FC<ConfigEditorProps> = (props) => {
 
   const hasAdditionalSettings = Boolean(
     window.location.hash || // if trying to link to section on page, open all settings (React breaks this?)
-      options.jsonData.defaultDatabase ||
-      options.jsonData.defaultTable ||
-      options.jsonData.dialTimeout ||
-      options.jsonData.queryTimeout ||
-      options.jsonData.validateSql ||
-      options.jsonData.enableSecureSocksProxy ||
-      options.jsonData.customSettings ||
-      options.jsonData.logs ||
-      options.jsonData.traces
+    options.jsonData.defaultDatabase ||
+    options.jsonData.defaultTable ||
+    options.jsonData.dialTimeout ||
+    options.jsonData.queryTimeout ||
+    options.jsonData.validateSql ||
+    options.jsonData.enableSecureSocksProxy ||
+    options.jsonData.customSettings ||
+    options.jsonData.logs ||
+    options.jsonData.traces
   );
 
   const defaultPort = jsonData.secure

src/views/config-v2/HttpHeadersConfigV2.test.tsx

@@ -133,7 +133,9 @@ describe('HttpHeadersConfigV2', () => {
   it('should call onLogHeadersAsCommentRegexChange when input is changed', () => {
     renderWith({ logHeadersAsComment: true, logHeadersAsCommentRegex: '' });
 
-    const logHeadersAsCommentRegexInput = screen.getByTestId(selectors.components.Config.HttpHeaderConfig.logHeadersAsCommentRegexInput);
+    const logHeadersAsCommentRegexInput = screen.getByTestId(
+      selectors.components.Config.HttpHeaderConfig.logHeadersAsCommentRegexInput
+    );
     expect(logHeadersAsCommentRegexInput).toBeInTheDocument();
     fireEvent.change(logHeadersAsCommentRegexInput, { target: { value: 'test' } });
     expect(onOptionsChangeMock).toHaveBeenCalledTimes(1);

src/views/config-v2/HttpHeadersConfigV2.tsx

@@ -4,7 +4,12 @@ import { CHConfig, CHHttpHeader, CHSecureConfig } from 'types/config';
 import allLabels from './labelsV2';
 import { styles } from 'styles';
 import { selectors as allSelectors } from 'selectors';
-import { DataSourcePluginOptionsEditorProps, KeyValue, onUpdateDatasourceJsonDataOptionChecked, onUpdateDatasourceJsonDataOption } from '@grafana/data';
+import {
+  DataSourcePluginOptionsEditorProps,
+  KeyValue,
+  onUpdateDatasourceJsonDataOptionChecked,
+  onUpdateDatasourceJsonDataOption,
+} from '@grafana/data';
 
 interface HttpHeadersConfigProps extends DataSourcePluginOptionsEditorProps<CHConfig, CHSecureConfig> {
   headers?: CHHttpHeader[];
@@ -22,7 +27,8 @@ export const HttpHeadersConfigV2 = (props: HttpHeadersConfigProps) => {
   const [forwardGrafanaHeaders, setForwardGrafanaHeaders] = useState<boolean>(props.forwardGrafanaHeaders || false);
   const [logHeadersAsComment, setLogHeadersAsComment] = useState<boolean>(props.logHeadersAsComment || false);
   const [logHeadersAsCommentRegex, setLogHeadersAsCommentRegex] = useState<string>(
-    props.options.jsonData.logHeadersAsCommentRegex || allLabels.components.Config.HttpHeadersConfig.logHeadersAsCommentRegex.placeholder
+    props.options.jsonData.logHeadersAsCommentRegex ||
+      allLabels.components.Config.HttpHeadersConfig.logHeadersAsCommentRegex.placeholder
   );
   const labels = allLabels.components.Config.HttpHeadersConfig;
   const selectors = allSelectors.components.Config.HttpHeaderConfig;
@@ -101,10 +107,7 @@ export const HttpHeadersConfigV2 = (props: HttpHeadersConfigProps) => {
       />
 
       {logHeadersAsComment && (
-        <Field
-          label={labels.logHeadersAsCommentRegex.label}
-          description={labels.logHeadersAsCommentRegex.tooltip}
-        >
+        <Field label={labels.logHeadersAsCommentRegex.label} description={labels.logHeadersAsCommentRegex.tooltip}>
           <Input
             data-testid={selectors.logHeadersAsCommentRegexInput}
             value={logHeadersAsCommentRegex}