${Object.keys(labels)
- .map(k =>
+ .map((k) =>
k !== '__name__' ? `
${k}: ${escapeHTML(labels[k])}
` : ''
)
.join('')}
diff --git a/pkg/ui/react-app/src/pages/graph/Legend.tsx b/pkg/ui/react-app/src/pages/graph/Legend.tsx
index 8a4068897a..153f82f98a 100644
--- a/pkg/ui/react-app/src/pages/graph/Legend.tsx
+++ b/pkg/ui/react-app/src/pages/graph/Legend.tsx
@@ -31,7 +31,7 @@ export class Legend extends PureComponent
{
if (ev.ctrlKey || ev.metaKey) {
const { chartData } = this.props;
if (selectedIndexes.includes(index)) {
- selected = selectedIndexes.filter(idx => idx !== index);
+ selected = selectedIndexes.filter((idx) => idx !== index);
} else {
selected =
// Flip the logic - In case none is selected ctrl + click should deselect clicked series.
diff --git a/pkg/ui/react-app/src/pages/graph/Panel.test.tsx b/pkg/ui/react-app/src/pages/graph/Panel.test.tsx
index 6c9bef7517..1d23e8560d 100644
--- a/pkg/ui/react-app/src/pages/graph/Panel.test.tsx
+++ b/pkg/ui/react-app/src/pages/graph/Panel.test.tsx
@@ -80,7 +80,7 @@ describe('Panel', () => {
});
it('renders a TabPane with a TimeInput and a DataTable when in table mode', () => {
- const tab = panel.find(TabPane).filterWhere(tab => tab.prop('tabId') === 'table');
+ const tab = panel.find(TabPane).filterWhere((tab) => tab.prop('tabId') === 'table');
const timeInput = tab.find(TimeInput);
expect(timeInput.prop('time')).toEqual(defaultProps.options.endTime);
expect(timeInput.prop('range')).toEqual(defaultProps.options.range);
diff --git a/pkg/ui/react-app/src/pages/graph/Panel.tsx b/pkg/ui/react-app/src/pages/graph/Panel.tsx
index 0b208bb2a3..32866c2a7b 100644
--- a/pkg/ui/react-app/src/pages/graph/Panel.tsx
+++ b/pkg/ui/react-app/src/pages/graph/Panel.tsx
@@ -152,6 +152,7 @@ class Panel extends Component {
});
// Add storeMatches to query params.
+ // eslint-disable-next-line @typescript-eslint/no-unused-expressions
this.props.options.storeMatches?.forEach((store: Store) =>
params.append('storeMatch[]', `{__address__="${store.name}"}`)
);
@@ -179,8 +180,8 @@ class Panel extends Component {
credentials: 'same-origin',
signal: abortController.signal,
})
- .then(resp => resp.json())
- .then(json => {
+ .then((resp) => resp.json())
+ .then((json) => {
if (json.status !== 'success') {
throw new Error(json.error || 'invalid response JSON');
}
@@ -212,7 +213,7 @@ class Panel extends Component {
});
this.abortInFlightFetch = null;
})
- .catch(error => {
+ .catch((error) => {
if (error.name === 'AbortError') {
// Aborts are expected, don't show an error for them.
return;
@@ -224,7 +225,7 @@ class Panel extends Component {
});
};
- setOptions(opts: object): void {
+ setOptions(opts: any): void {
const newOpts = { ...this.props.options, ...opts };
this.props.onOptionsChanged(newOpts);
}
diff --git a/pkg/ui/react-app/src/pages/graph/PanelList.tsx b/pkg/ui/react-app/src/pages/graph/PanelList.tsx
index f96063ed70..7a5d649e6b 100644
--- a/pkg/ui/react-app/src/pages/graph/PanelList.tsx
+++ b/pkg/ui/react-app/src/pages/graph/PanelList.tsx
@@ -100,8 +100,8 @@ export const PanelListContent: FC = ({
key={id}
options={options}
id={id}
- onOptionsChanged={opts =>
- callAll(setPanels, updateURL)(panels.map(p => (id === p.id ? { ...p, options: opts } : p)))
+ onOptionsChanged={(opts) =>
+ callAll(setPanels, updateURL)(panels.map((p) => (id === p.id ? { ...p, options: opts } : p)))
}
removePanel={() =>
callAll(
diff --git a/pkg/ui/react-app/src/pages/graph/QueryStatsView.tsx b/pkg/ui/react-app/src/pages/graph/QueryStatsView.tsx
index ba6db013cd..97766686b5 100644
--- a/pkg/ui/react-app/src/pages/graph/QueryStatsView.tsx
+++ b/pkg/ui/react-app/src/pages/graph/QueryStatsView.tsx
@@ -7,7 +7,7 @@ export interface QueryStats {
resultSeries: number;
}
-const QueryStatsView: FC = props => {
+const QueryStatsView: FC = (props) => {
const { loadTime, resolution, resultSeries } = props;
return (
diff --git a/pkg/ui/react-app/src/pages/graph/SeriesName.test.tsx b/pkg/ui/react-app/src/pages/graph/SeriesName.test.tsx
index 4eaf68105c..f75cf9603d 100755
--- a/pkg/ui/react-app/src/pages/graph/SeriesName.test.tsx
+++ b/pkg/ui/react-app/src/pages/graph/SeriesName.test.tsx
@@ -55,7 +55,7 @@ describe('SeriesName', () => {
const child = seriesName.childAt(i);
const text = child
.children()
- .map(ch => ch.text())
+ .map((ch) => ch.text())
.join('');
switch (child.children().length) {
case 1:
diff --git a/pkg/ui/react-app/src/pages/graph/TimeInput.test.tsx b/pkg/ui/react-app/src/pages/graph/TimeInput.test.tsx
index 9c59c8014c..b92556f58a 100644
--- a/pkg/ui/react-app/src/pages/graph/TimeInput.test.tsx
+++ b/pkg/ui/react-app/src/pages/graph/TimeInput.test.tsx
@@ -39,11 +39,11 @@ describe('TimeInput', () => {
title: 'Increase time',
icon: faChevronRight,
},
- ].forEach(button => {
+ ].forEach((button) => {
const onChangeTime = sinon.spy();
const timeInput = shallow();
- const addon = timeInput.find(InputGroupAddon).filterWhere(addon => addon.prop('addonType') === button.position);
- const btn = addon.find(Button).filterWhere(btn => btn.prop('title') === button.title);
+ const addon = timeInput.find(InputGroupAddon).filterWhere((addon) => addon.prop('addonType') === button.position);
+ const btn = addon.find(Button).filterWhere((btn) => btn.prop('title') === button.title);
const icon = btn.find(FontAwesomeIcon);
expect(icon.prop('icon')).toEqual(button.icon);
expect(icon.prop('fixedWidth')).toBe(true);
diff --git a/pkg/ui/react-app/src/pages/graph/TimeInput.tsx b/pkg/ui/react-app/src/pages/graph/TimeInput.tsx
index 6f502abe70..895228e2c6 100644
--- a/pkg/ui/react-app/src/pages/graph/TimeInput.tsx
+++ b/pkg/ui/react-app/src/pages/graph/TimeInput.tsx
@@ -113,7 +113,7 @@ class TimeInput extends Component {
innerRef={this.timeInputRef}
onFocus={() => this.$time.datetimepicker('show')}
onBlur={() => this.$time.datetimepicker('hide')}
- onKeyDown={e => ['Escape', 'Enter'].includes(e.key) && this.$time.datetimepicker('hide')}
+ onKeyDown={(e) => ['Escape', 'Enter'].includes(e.key) && this.$time.datetimepicker('hide')}
/>
{/* CAUTION: While the datetimepicker also has an option to show a 'clear' button,
diff --git a/pkg/ui/react-app/src/pages/rules/RulesContent.tsx b/pkg/ui/react-app/src/pages/rules/RulesContent.tsx
index 4dd315c5b1..8d1d95f8ed 100644
--- a/pkg/ui/react-app/src/pages/rules/RulesContent.tsx
+++ b/pkg/ui/react-app/src/pages/rules/RulesContent.tsx
@@ -22,7 +22,7 @@ export interface RulesMap {
groups: RuleGroup[];
}
-const GraphExpressionLink: FC<{ expr: string; title: string }> = props => {
+const GraphExpressionLink: FC<{ expr: string; title: string }> = (props) => {
return (
<>
{props.title}:
diff --git a/pkg/ui/react-app/src/pages/targets/EndpointLink.test.tsx b/pkg/ui/react-app/src/pages/targets/EndpointLink.test.tsx
index e22209a537..d4e5b3bcda 100644
--- a/pkg/ui/react-app/src/pages/targets/EndpointLink.test.tsx
+++ b/pkg/ui/react-app/src/pages/targets/EndpointLink.test.tsx
@@ -24,9 +24,9 @@ describe('EndpointLink', () => {
expect(anchor.children().text()).toEqual('http://100.99.128.71:9115/probe');
expect(endpointLink.find('br')).toHaveLength(1);
expect(badges).toHaveLength(2);
- const moduleLabel = badges.filterWhere(badge => badge.hasClass('module'));
+ const moduleLabel = badges.filterWhere((badge) => badge.hasClass('module'));
expect(moduleLabel.children().text()).toEqual('module="http_2xx"');
- const targetLabel = badges.filterWhere(badge => badge.hasClass('target'));
+ const targetLabel = badges.filterWhere((badge) => badge.hasClass('target'));
expect(targetLabel.children().text()).toEqual('target="http://some-service"');
});
diff --git a/pkg/ui/react-app/src/pages/targets/Filter.test.tsx b/pkg/ui/react-app/src/pages/targets/Filter.test.tsx
index 79d444ff3e..cee7010156 100644
--- a/pkg/ui/react-app/src/pages/targets/Filter.test.tsx
+++ b/pkg/ui/react-app/src/pages/targets/Filter.test.tsx
@@ -7,7 +7,7 @@ import sinon, { SinonSpy } from 'sinon';
describe('Filter', () => {
const initialState: FilterData = { showHealthy: true, showUnhealthy: true };
let setFilter: SinonSpy;
- let filterWrapper: ShallowWrapper, Component<{}, {}, Component>>;
+ let filterWrapper: ShallowWrapper, Component>;
beforeEach(() => {
setFilter = sinon.spy();
filterWrapper = shallow();
diff --git a/pkg/ui/react-app/src/pages/targets/ScrapePoolList.test.tsx b/pkg/ui/react-app/src/pages/targets/ScrapePoolList.test.tsx
index 92cfcf3da3..e428fa0c87 100644
--- a/pkg/ui/react-app/src/pages/targets/ScrapePoolList.test.tsx
+++ b/pkg/ui/react-app/src/pages/targets/ScrapePoolList.test.tsx
@@ -44,7 +44,7 @@ describe('ScrapePoolList', () => {
expect(panels).toHaveLength(3);
const activeTargets: Target[] = sampleApiResponse.data.activeTargets as Target[];
activeTargets.forEach(({ scrapePool }: Target) => {
- const panel = scrapePoolList.find(ScrapePoolPanel).filterWhere(panel => panel.prop('scrapePool') === scrapePool);
+ const panel = scrapePoolList.find(ScrapePoolPanel).filterWhere((panel) => panel.prop('scrapePool') === scrapePool);
expect(panel).toHaveLength(1);
});
});
diff --git a/pkg/ui/react-app/src/pages/targets/ScrapePoolPanel.test.tsx b/pkg/ui/react-app/src/pages/targets/ScrapePoolPanel.test.tsx
index c14a531a79..729a61bd5d 100644
--- a/pkg/ui/react-app/src/pages/targets/ScrapePoolPanel.test.tsx
+++ b/pkg/ui/react-app/src/pages/targets/ScrapePoolPanel.test.tsx
@@ -15,7 +15,7 @@ describe('ScrapePoolPanel', () => {
const scrapePoolPanel = shallow();
it('renders a container', () => {
- const div = scrapePoolPanel.find('div').filterWhere(elem => elem.hasClass('container'));
+ const div = scrapePoolPanel.find('div').filterWhere((elem) => elem.hasClass('container'));
expect(div).toHaveLength(1);
});
@@ -71,7 +71,7 @@ describe('ScrapePoolPanel', () => {
const headers = table.find('th');
expect(table).toHaveLength(1);
expect(headers).toHaveLength(6);
- columns.forEach(col => {
+ columns.forEach((col) => {
expect(headers.contains(col));
});
});
@@ -89,7 +89,7 @@ describe('ScrapePoolPanel', () => {
});
it('renders a badge for health', () => {
- const td = row.find('td').filterWhere(elem => Boolean(elem.hasClass('state')));
+ const td = row.find('td').filterWhere((elem) => Boolean(elem.hasClass('state')));
const badge = td.find(Badge);
expect(badge).toHaveLength(1);
expect(badge.prop('color')).toEqual(getColor(health));
@@ -104,17 +104,17 @@ describe('ScrapePoolPanel', () => {
});
it('renders last scrape time', () => {
- const lastScrapeCell = row.find('td').filterWhere(elem => Boolean(elem.hasClass('last-scrape')));
+ const lastScrapeCell = row.find('td').filterWhere((elem) => Boolean(elem.hasClass('last-scrape')));
expect(lastScrapeCell).toHaveLength(1);
});
it('renders last scrape duration', () => {
- const lastScrapeCell = row.find('td').filterWhere(elem => Boolean(elem.hasClass('scrape-duration')));
+ const lastScrapeCell = row.find('td').filterWhere((elem) => Boolean(elem.hasClass('scrape-duration')));
expect(lastScrapeCell).toHaveLength(1);
});
it('renders a badge for Errors', () => {
- const td = row.find('td').filterWhere(elem => Boolean(elem.hasClass('errors')));
+ const td = row.find('td').filterWhere((elem) => Boolean(elem.hasClass('errors')));
const badge = td.find(Badge);
expect(badge).toHaveLength(lastError ? 1 : 0);
if (lastError) {
diff --git a/pkg/ui/react-app/src/pages/targets/ScrapePoolPanel.tsx b/pkg/ui/react-app/src/pages/targets/ScrapePoolPanel.tsx
index 390fe3da9c..09c4a3d9a5 100644
--- a/pkg/ui/react-app/src/pages/targets/ScrapePoolPanel.tsx
+++ b/pkg/ui/react-app/src/pages/targets/ScrapePoolPanel.tsx
@@ -37,7 +37,7 @@ const ScrapePoolPanel: FC = ({ scrapePool, targetGroup }) => {
- {columns.map(column => (
+ {columns.map((column) => (
| {column} |
))}
diff --git a/pkg/ui/react-app/src/pages/targets/TargetLabels.test.tsx b/pkg/ui/react-app/src/pages/targets/TargetLabels.test.tsx
index e71d311b92..8184c82a9f 100644
--- a/pkg/ui/react-app/src/pages/targets/TargetLabels.test.tsx
+++ b/pkg/ui/react-app/src/pages/targets/TargetLabels.test.tsx
@@ -23,7 +23,7 @@ describe('targetLabels', () => {
const targetLabels = shallow();
it('renders a div of series labels', () => {
- const div = targetLabels.find('div').filterWhere(elem => elem.hasClass('series-labels-container'));
+ const div = targetLabels.find('div').filterWhere((elem) => elem.hasClass('series-labels-container'));
expect(div).toHaveLength(1);
expect(div.prop('id')).toEqual('series-labels-cortex/node-exporter_group/0-1');
});
@@ -31,7 +31,7 @@ describe('targetLabels', () => {
it('wraps each label in a label badge', () => {
const l: { [key: string]: string } = defaultProps.labels;
Object.keys(l).forEach((labelName: string): void => {
- const badge = targetLabels.find(Badge).filterWhere(badge => badge.hasClass(labelName));
+ const badge = targetLabels.find(Badge).filterWhere((badge) => badge.hasClass(labelName));
expect(badge.children().text()).toEqual(`${labelName}="${l[labelName]}"`);
});
expect(targetLabels.find(Badge)).toHaveLength(3);
diff --git a/pkg/ui/react-app/src/pages/targets/TargetLabels.tsx b/pkg/ui/react-app/src/pages/targets/TargetLabels.tsx
index 45376a1825..91438c99d0 100644
--- a/pkg/ui/react-app/src/pages/targets/TargetLabels.tsx
+++ b/pkg/ui/react-app/src/pages/targets/TargetLabels.tsx
@@ -14,7 +14,7 @@ export interface TargetLabelsProps {
scrapePool: string;
}
-const formatLabels = (labels: Labels): string[] => Object.keys(labels).map(key => `${key}="${labels[key]}"`);
+const formatLabels = (labels: Labels): string[] => Object.keys(labels).map((key) => `${key}="${labels[key]}"`);
const TargetLabels: FC = ({ discoveredLabels, labels, idx, scrapePool }) => {
const [tooltipOpen, setTooltipOpen] = useState(false);
@@ -25,7 +25,7 @@ const TargetLabels: FC = ({ discoveredLabels, labels, idx, sc
return (
<>
- {Object.keys(labels).map(labelName => {
+ {Object.keys(labels).map((labelName) => {
return (
{`${labelName}="${labels[labelName]}"`}
diff --git a/pkg/ui/react-app/src/pages/targets/__testdata__/testdata.ts b/pkg/ui/react-app/src/pages/targets/__testdata__/testdata.ts
index 53f6a7e48d..0cb3731dd5 100644
--- a/pkg/ui/react-app/src/pages/targets/__testdata__/testdata.ts
+++ b/pkg/ui/react-app/src/pages/targets/__testdata__/testdata.ts
@@ -1,4 +1,4 @@
-/* eslint @typescript-eslint/camelcase: 0 */
+/* eslint-disable camelcase */
import { ScrapePools } from '../target';
diff --git a/pkg/ui/react-app/src/pages/targets/target.test.ts b/pkg/ui/react-app/src/pages/targets/target.test.ts
index e17ab59e77..860c16d8f6 100644
--- a/pkg/ui/react-app/src/pages/targets/target.test.ts
+++ b/pkg/ui/react-app/src/pages/targets/target.test.ts
@@ -1,4 +1,4 @@
-/* eslint @typescript-eslint/camelcase: 0 */
+/* eslint-disable camelcase */
import { sampleApiResponse } from './__testdata__/testdata';
import { groupTargets, Target, ScrapePools, getColor } from './target';
@@ -8,7 +8,7 @@ describe('groupTargets', () => {
const targetGroups: ScrapePools = groupTargets(targets);
it('groups a list of targets by scrape job', () => {
- ['blackbox', 'prometheus/test', 'node_exporter'].forEach(scrapePool => {
+ ['blackbox', 'prometheus/test', 'node_exporter'].forEach((scrapePool) => {
expect(Object.keys(targetGroups)).toContain(scrapePool);
});
Object.keys(targetGroups).forEach((scrapePool: string): void => {
diff --git a/pkg/ui/react-app/src/pages/tsdbStatus/TSDBStatus.test.tsx b/pkg/ui/react-app/src/pages/tsdbStatus/TSDBStatus.test.tsx
index 828c3054df..ebd999914b 100644
--- a/pkg/ui/react-app/src/pages/tsdbStatus/TSDBStatus.test.tsx
+++ b/pkg/ui/react-app/src/pages/tsdbStatus/TSDBStatus.test.tsx
@@ -83,10 +83,7 @@ describe('TSDB Stats', () => {
for (let i = 0; i < tables.length; i++) {
const data = tables[i].data;
- const table = page
- .find(Table)
- .at(tables[i].table_index)
- .find('tbody');
+ const table = page.find(Table).at(tables[i].table_index).find('tbody');
const rows = table.find('tr');
for (let i = 0; i < data.length; i++) {
const firstRowColumns = rows
diff --git a/pkg/ui/react-app/src/thanos/Navbar.tsx b/pkg/ui/react-app/src/thanos/Navbar.tsx
index aa8ad4d35f..25cd565e4d 100644
--- a/pkg/ui/react-app/src/thanos/Navbar.tsx
+++ b/pkg/ui/react-app/src/thanos/Navbar.tsx
@@ -73,7 +73,7 @@ const Navigation: FC = ({ pathPrefix, thanosC