Format files

Author: ashu8912

app-catalog/src/components/charts/EditorDialog.tsx

@@ -141,34 +141,36 @@ export function EditorDialog(props: {
     );
     setInstallLoading(true);
 
-    addRepository(repoName, repoURL).then(() => {
-      createRelease(
-        releaseName,
-        selectedNamespace.value,
-        btoa(unescape(encodeURIComponent(jsonToYAML(chartValuesDIFF)))),
-        `${repoName}/${chart.name}`,
-        selectedVersion.value,
-        chartInstallDescription
-      )
-        .then(() => {
-          enqueueSnackbar(`Installation request for ${releaseName} accepted`, {
-            variant: 'info'
+    addRepository(repoName, repoURL)
+      .then(() => {
+        createRelease(
+          releaseName,
+          selectedNamespace.value,
+          btoa(unescape(encodeURIComponent(jsonToYAML(chartValuesDIFF)))),
+          `${repoName}/${chart.name}`,
+          selectedVersion.value,
+          chartInstallDescription
+        )
+          .then(() => {
+            enqueueSnackbar(`Installation request for ${releaseName} accepted`, {
+              variant: 'info',
+            });
+            handleEditor(false);
+            checkInstallStatus(releaseName);
           })
-          handleEditor(false);
-          checkInstallStatus(releaseName);
-        })
-        .catch(error => {
-          handleEditor(false);
-          enqueueSnackbar(`Error creating release request ${error}`, {
-            variant: 'error',
+          .catch(error => {
+            handleEditor(false);
+            enqueueSnackbar(`Error creating release request ${error}`, {
+              variant: 'error',
+            });
           });
+      })
+      .catch(error => {
+        handleEditor(false);
+        enqueueSnackbar(`Error adding repository ${error}`, {
+          variant: 'error',
         });
-    }).catch(error => {
-      handleEditor(false);
-      enqueueSnackbar(`Error adding repository ${error}`, {
-        variant: 'error',
       });
-    });
   }
 
   function validateFormField(fieldValue: { value: string; title: string } | null | string) {

app-catalog/src/components/releases/Detail.tsx

@@ -107,8 +107,8 @@ export default function ReleaseDetail() {
               deleteRelease(namespace, releaseName).then(() => {
                 setIsDeleting(true);
                 enqueueSnackbar(`Delete request for release ${releaseName} accepted`, {
-                  variant: 'info'
-                })
+                  variant: 'info',
+                });
                 setOpenDeleteAlert(false);
                 checkDeleteReleaseStatus(releaseName);
               });

app-catalog/src/components/releases/EditorDialog.tsx

@@ -172,8 +172,8 @@ export function EditorDialog(props: {
     )
       .then(() => {
         enqueueSnackbar(`Upgrade request for release ${releaseName} sent successfully`, {
-          variant: 'info'
-        })
+          variant: 'info',
+        });
         handleEditor(false);
         checkUpgradeStatus();
       })
@@ -261,27 +261,28 @@ export function EditorDialog(props: {
       </Box>
       <DialogContent>
         <Box pt={2} height="100%" my={1} p={1}>
-          {openEditor && <MonacoEditor
-            value={jsonToYAML(valuesToShow)}
-            language="yaml"
-            height="400px"
-            options={{
-              selectOnLineNumbers: true,
-            }}
-            onChange={value => {
-              handleEditorChange(value);
-            }}
-            theme={themeName === 'dark' ? 'vs-dark' : 'light'}
-            onMount={editor => {
-              setReleaseUpdateDescription('');
-              setIsUserValues(false);
-              setValuesToShow(Object.assign({}, release.chart.values, release.config));
-              if (!isUpdateRelease) {
-                editor.updateOptions({ readOnly: true });
-              }
-            }}
-          />
-          }
+          {openEditor && (
+            <MonacoEditor
+              value={jsonToYAML(valuesToShow)}
+              language="yaml"
+              height="400px"
+              options={{
+                selectOnLineNumbers: true,
+              }}
+              onChange={value => {
+                handleEditorChange(value);
+              }}
+              theme={themeName === 'dark' ? 'vs-dark' : 'light'}
+              onMount={editor => {
+                setReleaseUpdateDescription('');
+                setIsUserValues(false);
+                setValuesToShow(Object.assign({}, release.chart.values, release.config));
+                if (!isUpdateRelease) {
+                  editor.updateOptions({ readOnly: true });
+                }
+              }}
+            />
+          )}
         </Box>
       </DialogContent>
       <DialogActions