diff --git a/ui/src/App.tsx b/ui/src/App.tsx index 3dbb54f93..335b90afd 100644 --- a/ui/src/App.tsx +++ b/ui/src/App.tsx @@ -100,9 +100,9 @@ const App: FC = observer(({ defaultFilters, uiDefaults }) => { ? ReactSelectStyles(ReactSelectColors.Dark) : ReactSelectStyles(ReactSelectColors.Light) : settingsStore.themeConfig.config.theme === - settingsStore.themeConfig.options.dark.value - ? ReactSelectStyles(ReactSelectColors.Dark) - : ReactSelectStyles(ReactSelectColors.Light), + settingsStore.themeConfig.options.dark.value + ? ReactSelectStyles(ReactSelectColors.Dark) + : ReactSelectStyles(ReactSelectColors.Light), animations: { duration: settingsStore.themeConfig.config.animations ? 500 : 0, }, diff --git a/ui/src/Components/AlertAck/index.tsx b/ui/src/Components/AlertAck/index.tsx index e16bf5e6d..3634b34a7 100644 --- a/ui/src/Components/AlertAck/index.tsx +++ b/ui/src/Components/AlertAck/index.tsx @@ -161,8 +161,8 @@ const AlertAck: FC<{ !isAcking && error ? "bg-warning" : !isAcking && response - ? "bg-success" - : "bg-secondary" + ? "bg-success" + : "bg-secondary" }`} onClick={() => { if (!isAcking && !(response || error)) { diff --git a/ui/src/Components/AlertHistory/index.tsx b/ui/src/Components/AlertHistory/index.tsx index 6190b085a..eb70bfe1e 100644 --- a/ui/src/Components/AlertHistory/index.tsx +++ b/ui/src/Components/AlertHistory/index.tsx @@ -115,14 +115,14 @@ export const AlertHistory: FC<{ group: APIAlertGroupT; grid: APIGridT }> = ({ cachedResponse === null ? "fetching" : sample.value > 0 - ? `firing firing-${ - minMaxValue.minValue === minMaxValue.maxValue - ? Math.min(minMaxValue.maxValue, 5) - : Math.round( - (sample.value / minMaxValue.maxValue) * 5, - ) - }` - : "inactive" + ? `firing firing-${ + minMaxValue.minValue === minMaxValue.maxValue + ? Math.min(minMaxValue.maxValue, 5) + : Math.round( + (sample.value / minMaxValue.maxValue) * 5, + ) + }` + : "inactive" } > diff --git a/ui/src/Components/FaviconBadge/index.tsx b/ui/src/Components/FaviconBadge/index.tsx index d4c3539f1..f0d478fe4 100644 --- a/ui/src/Components/FaviconBadge/index.tsx +++ b/ui/src/Components/FaviconBadge/index.tsx @@ -25,8 +25,8 @@ const FaviconBadge: FC<{ alertStore.data.upstreamsWithErrors.length > 0 ? "!" : alertStore.status.error === null - ? alertStore.info.totalAlerts - : "?", + ? alertStore.info.totalAlerts + : "?", ); }), [], // eslint-disable-line react-hooks/exhaustive-deps diff --git a/ui/src/Components/ManagedSilence/index.tsx b/ui/src/Components/ManagedSilence/index.tsx index 1e00460df..825661751 100644 --- a/ui/src/Components/ManagedSilence/index.tsx +++ b/ui/src/Components/ManagedSilence/index.tsx @@ -106,8 +106,8 @@ const ManagedSilence: FC<{ progress > 90 ? "progress-bar bg-danger" : progress > 75 - ? "progress-bar bg-warning" - : "progress-bar bg-success" + ? "progress-bar bg-warning" + : "progress-bar bg-success" } role="progressbar" style={{ width: progress + "%" }} diff --git a/ui/src/Components/SilenceModal/Matchers.ts b/ui/src/Components/SilenceModal/Matchers.ts index 4222bcc57..1949c4a23 100644 --- a/ui/src/Components/SilenceModal/Matchers.ts +++ b/ui/src/Components/SilenceModal/Matchers.ts @@ -11,8 +11,8 @@ const MatcherToFilter = (matcher: MatcherT): string => { v.wasCreated ? v : matcher.isRegex - ? { ...v, value: EscapeRegex(v.value) } - : v, + ? { ...v, value: EscapeRegex(v.value) } + : v, ); const value = values.length > 1 diff --git a/ui/src/Components/SilenceModal/SilenceModalContent.tsx b/ui/src/Components/SilenceModal/SilenceModalContent.tsx index f334cdedf..19282b764 100644 --- a/ui/src/Components/SilenceModal/SilenceModalContent.tsx +++ b/ui/src/Components/SilenceModal/SilenceModalContent.tsx @@ -50,8 +50,8 @@ const SilenceModalContent: FC<{ ? "New silence" : "Editing silence" : silenceFormStore.data.currentStage === "preview" - ? "Preview silenced alerts" - : "Silence submitted" + ? "Preview silenced alerts" + : "Silence submitted" } active={silenceFormStore.tab.current === "editor"} onClick={() => silenceFormStore.tab.setTab("editor")} diff --git a/ui/src/Stores/SilenceFormStore.ts b/ui/src/Stores/SilenceFormStore.ts index 3db3676a2..1fa8aab3b 100644 --- a/ui/src/Stores/SilenceFormStore.ts +++ b/ui/src/Stores/SilenceFormStore.ts @@ -232,10 +232,10 @@ const GenerateAlertmanagerSilenceData = ( ) .join("|")})` : m.values.length === 1 - ? m.values[0].wasCreated || !m.isRegex - ? m.values[0].value - : EscapeRegex(m.values[0].value) - : "", + ? m.values[0].wasCreated || !m.isRegex + ? m.values[0].value + : EscapeRegex(m.values[0].value) + : "", isRegex: m.isRegex, isEqual: m.isEqual, })), diff --git a/ui/src/index.test.tsx b/ui/src/index.test.tsx index 3c6723b0f..38c5c34af 100644 --- a/ui/src/index.test.tsx +++ b/ui/src/index.test.tsx @@ -26,10 +26,10 @@ it("renders without crashing with missing defaults div", () => { return name === "settings" ? (settingsElement as any) : name === "defaults" - ? null - : name === "root" - ? root - : null; + ? null + : name === "root" + ? root + : null; }); const response = EmptyAPIResponse(); response.filters = []; @@ -52,12 +52,12 @@ it("renders without crashing with defaults present", () => { return name === "settings" ? (settingsElement as any) : name === "defaults" - ? { - innerHTML: DefaultsBase64, - } - : name === "root" - ? root - : null; + ? { + innerHTML: DefaultsBase64, + } + : name === "root" + ? root + : null; }); const response = EmptyAPIResponse(); response.filters = []; diff --git a/ui/src/polyfill-load.test.tsx b/ui/src/polyfill-load.test.tsx index fd8f53cff..60bd8a34f 100644 --- a/ui/src/polyfill-load.test.tsx +++ b/ui/src/polyfill-load.test.tsx @@ -29,10 +29,10 @@ it("loads ResizeObserver polyfill if needed", () => { return name === "settings" ? settingsElement : name === "defaults" - ? null - : name === "root" - ? root - : null; + ? null + : name === "root" + ? root + : null; }); const response = EmptyAPIResponse(); response.filters = []; diff --git a/ui/src/polyfill-noop.test.tsx b/ui/src/polyfill-noop.test.tsx index a9437eff1..c9a79e153 100644 --- a/ui/src/polyfill-noop.test.tsx +++ b/ui/src/polyfill-noop.test.tsx @@ -38,10 +38,10 @@ it("doesn't load ResizeObserver polyfill if not needed", () => { return name === "settings" ? settingsElement : name === "defaults" - ? null - : name === "root" - ? root - : null; + ? null + : name === "root" + ? root + : null; }); const response = EmptyAPIResponse(); response.filters = [];