From efb43dcf7c03c6f232059b6631053dc30bc0a72b Mon Sep 17 00:00:00 2001
From: Deepak Jain <deepak.jain@navi.com>
Date: Mon, 6 Jul 2020 18:57:02 +0530
Subject: [PATCH] INFRA-409| Deepak Jain | first select env then app

---
 .../manifest/ShowDeploymentManifest.tsx       | 62 ++++++++++---------
 1 file changed, 34 insertions(+), 28 deletions(-)

diff --git a/src/components/manifest/ShowDeploymentManifest.tsx b/src/components/manifest/ShowDeploymentManifest.tsx
index c4bf061..60f9bf1 100644
--- a/src/components/manifest/ShowDeploymentManifest.tsx
+++ b/src/components/manifest/ShowDeploymentManifest.tsx
@@ -151,6 +151,27 @@ const ShowDeploymentManifest = (props: any) => {
       <MenuAppBar name="Show Manifest File" />
       <div className="app">
         <Grid container spacing={1}>
+          <Grid item xs>
+            <label
+              htmlFor="manifestEnv"
+              style={{ display: "block", marginTop: 16 }}
+            >
+              Deployment Environment
+              <Select
+                name="manifestEnv"
+                fullWidth
+                variant="outlined"
+                value={environment}
+                onChange={handleEnvChange}
+              >
+                <MenuItem aria-label="None" value="" />
+                <MenuItem value="dev">Dev</MenuItem>
+                <MenuItem value="prod">Prod</MenuItem>
+                <MenuItem value="qa">QA</MenuItem>
+                <MenuItem value="automation">Automation</MenuItem>
+              </Select>
+            </label>
+          </Grid>
           <Grid item xs>
             <label
               htmlFor="manifestName"
@@ -173,41 +194,26 @@ const ShowDeploymentManifest = (props: any) => {
               </Select>
             </label>
           </Grid>
-          <Grid item xs>
-            <label
-              htmlFor="manifestEnv"
-              style={{ display: "block", marginTop: 16 }}
-            >
-              Deployment Environment
-              <Select
-                name="manifestEnv"
-                fullWidth
-                variant="outlined"
-                value={environment}
-                onChange={handleEnvChange}
-              >
-                <MenuItem aria-label="None" value="" />
-                <MenuItem value="dev">Dev</MenuItem>
-                <MenuItem value="prod">Prod</MenuItem>
-                <MenuItem value="qa">QA</MenuItem>
-                <MenuItem value="automation">Automation</MenuItem>
-              </Select>
-            </label>
-          </Grid>
         </Grid>
+
         <br />
         <Button
           name="show"
           className="float-right"
           color="secondary"
           onClick={handleClick}
-        > Show </Button>
-        {isLoading ? <PrettyPrintJson
-          manifestId={serviceName.id}
-          manifestData={manifestData}
-          show={true}
-          onClose={() => setIsLoading(false)}
-        /> : null}
+        >
+          {" "}
+          Show{" "}
+        </Button>
+        {isLoading ? (
+          <PrettyPrintJson
+            manifestId={serviceName.id}
+            manifestData={manifestData}
+            show={true}
+            onClose={() => setIsLoading(false)}
+          />
+        ) : null}
       </div>
     </div>
   );