From bef12abc7e5e30be152b9469d14a0819f61a3f18 Mon Sep 17 00:00:00 2001
From: Masuzu <anveena.menethil@gmail.com>
Date: Thu, 29 Nov 2018 14:03:35 +0100
Subject: [PATCH] Add tooltip for backfill priority field (#326)

---
 .../main/javascript/app/pages/BackfillCreate.js    | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/timeseries/src/main/javascript/app/pages/BackfillCreate.js b/timeseries/src/main/javascript/app/pages/BackfillCreate.js
index 7ebb3e03c..a60557f8c 100644
--- a/timeseries/src/main/javascript/app/pages/BackfillCreate.js
+++ b/timeseries/src/main/javascript/app/pages/BackfillCreate.js
@@ -17,6 +17,8 @@ import MaskedInput from "react-maskedinput";
 import StreamView from "../components/StreamView";
 import TextWithDashedLine from "../components/TextWithDashedLine";
 import Error from "../components/Error";
+import ReactTooltip from "react-tooltip";
+import InfoIcon from "react-icons/lib/md/info";
 
 type Props = {
   workflow: Workflow,
@@ -180,6 +182,9 @@ class BackfillCreate extends React.Component<Props> {
       submitting,
       env
     } = this.props;
+
+    ReactTooltip.rebuild();
+
     return (
       <Window title="Create Backfill">
         <form
@@ -238,6 +243,12 @@ class BackfillCreate extends React.Component<Props> {
                 validate={[required, validInteger]}
                 props={{ alwaysDisplayError: true }}
               />
+              <InfoIcon style={styles.icon}
+                        data-for="backfill-priority-tooltip"
+                        data-tip="The lower the number, the higher the priority of the backfilled execution(s)."/>
+              <ReactTooltip
+                  id="backfill-priority-tooltip"
+                  effect="float"/>
             </dd>
             <dt key={"description_"} className="double-height">
               {"Description"}
@@ -368,6 +379,9 @@ const styles = {
       /* Microsoft Edge */
       color: "#aaa"
     }
+  },
+  icon: {
+    fontSize: "22px"
   }
 };