From 845f3407d482f589ec9d644cbe9a46cadaf85a23 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Sat, 17 Aug 2019 12:15:42 +0100
Subject: [PATCH] fix(ui): reformat ui code with prettier

---
 .../Labels/FilteringCounterBadge/index.js     | 32 +++++++++----------
 .../FilteringCounterBadge/index.test.js       |  2 +-
 .../SilenceModal/SilenceMatch/MatchCounter.js |  4 +--
 .../SilenceModal/SilenceModalContent.js       |  6 ++--
 .../SilenceSubmitProgress.test.js             | 14 ++++++--
 ui/src/index.js                               |  2 +-
 6 files changed, 34 insertions(+), 26 deletions(-)

diff --git a/ui/src/Components/Labels/FilteringCounterBadge/index.js b/ui/src/Components/Labels/FilteringCounterBadge/index.js
index 0383ca360..af4d9524a 100644
--- a/ui/src/Components/Labels/FilteringCounterBadge/index.js
+++ b/ui/src/Components/Labels/FilteringCounterBadge/index.js
@@ -38,22 +38,22 @@ const FilteringCounterBadge = inject("alertStore")(
           <TooltipWrapper
             title={`Click to only show ${value} alerts or Alt+Click to hide them`}
           >
-          <Flash spy={counter}>
-            <span
-              className={
-                themed
-                  ? cs.className
-                  : [
-                      "badge-light badge-pill components-label-with-hover",
-                      ...cs.baseClassNames
-                    ].join(" ")
-              }
-              style={themed ? {} : cs.style}
-              onClick={e => this.handleClick(e)}
-            >
-              {counter}
-            </span>
-          </Flash>
+            <Flash spy={counter}>
+              <span
+                className={
+                  themed
+                    ? cs.className
+                    : [
+                        "badge-light badge-pill components-label-with-hover",
+                        ...cs.baseClassNames
+                      ].join(" ")
+                }
+                style={themed ? {} : cs.style}
+                onClick={e => this.handleClick(e)}
+              >
+                {counter}
+              </span>
+            </Flash>
           </TooltipWrapper>
         );
       }
diff --git a/ui/src/Components/Labels/FilteringCounterBadge/index.test.js b/ui/src/Components/Labels/FilteringCounterBadge/index.test.js
index 4be7cf671..11fd4b22c 100644
--- a/ui/src/Components/Labels/FilteringCounterBadge/index.test.js
+++ b/ui/src/Components/Labels/FilteringCounterBadge/index.test.js
@@ -36,7 +36,7 @@ const validateStyle = (value, themed) => {
     />
   );
   // opacity=>1 is set by react-reveal/Flash
-  expect(tree.find("span").prop("style")).toEqual({"opacity": 1});
+  expect(tree.find("span").prop("style")).toEqual({ opacity: 1 });
 };
 
 const validateOnClick = (value, themed) => {
diff --git a/ui/src/Components/SilenceModal/SilenceMatch/MatchCounter.js b/ui/src/Components/SilenceModal/SilenceMatch/MatchCounter.js
index 87ec766ca..c68ef230d 100644
--- a/ui/src/Components/SilenceModal/SilenceMatch/MatchCounter.js
+++ b/ui/src/Components/SilenceModal/SilenceMatch/MatchCounter.js
@@ -88,9 +88,7 @@ const MatchCounter = observer(
       if (this.matchedAlerts.error !== null) {
         return (
           <TooltipWrapper
-            title={`Failed to fetch alerts matching this label: ${
-              this.matchedAlerts.error
-            }`}
+            title={`Failed to fetch alerts matching this label: ${this.matchedAlerts.error}`}
           >
             <FontAwesomeIcon
               className="text-danger"
diff --git a/ui/src/Components/SilenceModal/SilenceModalContent.js b/ui/src/Components/SilenceModal/SilenceModalContent.js
index 7703e2c2f..5b183ec1a 100644
--- a/ui/src/Components/SilenceModal/SilenceModalContent.js
+++ b/ui/src/Components/SilenceModal/SilenceModalContent.js
@@ -37,8 +37,8 @@ const SilenceModalContent = observer(
                   ? "Add new silence"
                   : silenceFormStore.data.currentStage ===
                     SilenceFormStage.Preview
-                    ? "Preview silenced alerts"
-                    : "Silence submitted"
+                  ? "Preview silenced alerts"
+                  : "Silence submitted"
                 : `Editing silence ${silenceFormStore.data.silenceID}`}
             </h5>
             <button type="button" className="close" onClick={onHide}>
@@ -54,7 +54,7 @@ const SilenceModalContent = observer(
                 settingsStore={settingsStore}
               />
             ) : silenceFormStore.data.currentStage ===
-            SilenceFormStage.Preview ? (
+              SilenceFormStage.Preview ? (
               <SilencePreview
                 alertStore={alertStore}
                 silenceFormStore={silenceFormStore}
diff --git a/ui/src/Components/SilenceModal/SilenceSubmit/SilenceSubmitProgress.test.js b/ui/src/Components/SilenceModal/SilenceSubmit/SilenceSubmitProgress.test.js
index 446cd2d2d..d04bab3cb 100644
--- a/ui/src/Components/SilenceModal/SilenceSubmit/SilenceSubmitProgress.test.js
+++ b/ui/src/Components/SilenceModal/SilenceSubmit/SilenceSubmitProgress.test.js
@@ -214,7 +214,12 @@ describe("<SilenceSubmitProgress />", () => {
     const tree = MountedSilenceSubmitProgress();
     await expect(tree.instance().submitState.fetch).resolves.toBe("success");
     tree.update();
-    expect(tree.find("a").getDOMNode().getAttribute("href")).toBe("file:///mock/#/silences/123");
+    expect(
+      tree
+        .find("a")
+        .getDOMNode()
+        .getAttribute("href")
+    ).toBe("file:///mock/#/silences/123");
   });
 
   it("[v2] renders success icon on successful fetch", async () => {
@@ -233,7 +238,12 @@ describe("<SilenceSubmitProgress />", () => {
     const tree = MountedSilenceSubmitProgress();
     await expect(tree.instance().submitState.fetch).resolves.toBe("123");
     tree.update();
-    expect(tree.find("a").getDOMNode().getAttribute("href")).toBe("file:///mock/#/silences/123");
+    expect(
+      tree
+        .find("a")
+        .getDOMNode()
+        .getAttribute("href")
+    ).toBe("file:///mock/#/silences/123");
   });
 
   it("[v1] renders error icon on failed fetch", async () => {
diff --git a/ui/src/index.js b/ui/src/index.js
index 9e3cf3786..c5362d696 100644
--- a/ui/src/index.js
+++ b/ui/src/index.js
@@ -1,7 +1,7 @@
 // MUST be first thing we import
 // https://github.com/facebook/create-react-app/blob/master/packages/react-app-polyfill/README.md
 // IE is not supported (lacks Proxy) but that pollyfill provides fetch and other needed features
-import 'react-app-polyfill/ie11';
+import "react-app-polyfill/ie11";
 import "react-app-polyfill/stable";
 
 import React from "react";