From 3b6cb3ee0e6a9f61d3f5b2087d0eafa4c4faf253 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Thu, 23 Jun 2022 19:27:38 +0200
Subject: [PATCH] fix(ui) - alert metric check

---
 frontend/app/components/Alerts/AlertForm.js | 39 +++++++++++----------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/frontend/app/components/Alerts/AlertForm.js b/frontend/app/components/Alerts/AlertForm.js
index bd90f41df..1701c8e0a 100644
--- a/frontend/app/components/Alerts/AlertForm.js
+++ b/frontend/app/components/Alerts/AlertForm.js
@@ -160,26 +160,29 @@ const AlertForm = props => {
                     onChange={ ({ value }) => writeQueryOption(null, { name: 'operator', value: value.value }) }
                   />
                   { unit && (
-                      <Input
-                        className="px-4"
-                        style={{ marginRight: '31px'}}
-                        // label={{ basic: true, content: unit }}
-                        // labelPosition='right'
-                        name="right"
-                        value={ instance.query.right }
-                        onChange={ writeQuery }
-                        placeholder="E.g. 3"
-                      />
+                      <>
+                        <Input
+                          className="px-4"
+                          style={{ marginRight: '31px'}}
+                          // label={{ basic: true, content: unit }}
+                          // labelPosition='right'
+                          name="right"
+                          value={ instance.query.right }
+                          onChange={ writeQuery }
+                          placeholder="E.g. 3"
+                        />
+                        <span className="ml-2">{'test'}</span>
+                      </>
                   )}
                   { !unit && (
-                      <Input
-                        wrapperClassName="ml-2"
-                        // className="pl-4"
-                        name="right"
-                        value={ instance.query.right }
-                        onChange={ writeQuery }
-                        placeholder="Specify Value"
-                      />
+                        <Input
+                          wrapperClassName="ml-2"
+                          // className="pl-4"
+                          name="right"
+                          value={ instance.query.right }
+                          onChange={ writeQuery }
+                          placeholder="Specify Value"
+                        />
                   )}
                 </div>
               </div>