From 9103ea9d703a5771bc2a10f8255e09868be0351e Mon Sep 17 00:00:00 2001
From: jinapurapu <65002498+jinapurapu@users.noreply.github.com>
Date: Thu, 5 May 2022 12:45:26 -0700
Subject: [PATCH] Fixed Watch start button to show stop button once watch has
 started (#1957)

---
 portal-ui/src/screens/Console/Watch/Watch.tsx | 28 +++++++++++++------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/portal-ui/src/screens/Console/Watch/Watch.tsx b/portal-ui/src/screens/Console/Watch/Watch.tsx
index 05cb8f7a5..bc54d7a0a 100644
--- a/portal-ui/src/screens/Console/Watch/Watch.tsx
+++ b/portal-ui/src/screens/Console/Watch/Watch.tsx
@@ -245,15 +245,25 @@ const Watch = ({
               }}
               variant="standard"
             />
-            <Button
-              type="submit"
-              variant="contained"
-              color="primary"
-              disabled={start}
-              onClick={() => setStart(true)}
-            >
-              Start
-            </Button>
+            {start ? (
+              <Button
+                type="submit"
+                variant="contained"
+                color="primary"
+                onClick={() => setStart(false)}
+              >
+                Stop
+              </Button>
+            ) : (
+              <Button
+                type="submit"
+                variant="contained"
+                color="primary"
+                onClick={() => setStart(true)}
+              >
+                Start
+              </Button>
+            )}
           </Grid>
 
           <div className={classes.tableBlock}>