load from env editor on existing env group

dashboard/src/components/values-form/KeyValueArray.tsx

@@ -223,7 +223,10 @@ export default class KeyValueArray extends Component<PropsType, StateType> {
 
     }
 
-    this.setState({ values: this.state.values });
+    this.setState({ values: this.state.values }, () => {
+      let obj = this.valuesToObject();
+      this.props.setValues(obj);
+    });
   }
 
   render() {

dashboard/src/main/home/cluster-dashboard/env-groups/ExpandedEnvGroup.tsx

@@ -48,7 +48,7 @@ export default class ExpandedEnvGroup extends Component<PropsType, StateType> {
     values: this.props.envGroup.data as any,
   };
 
-  handleUpdateValues = (config?: any) => {
+  handleUpdateValues = () => {
     let { envGroup } = this.props;
     let name = envGroup.metadata.name;
     let namespace = envGroup.metadata.namespace;
@@ -93,7 +93,8 @@ export default class ExpandedEnvGroup extends Component<PropsType, StateType> {
               <KeyValueArray
                 namespace={namespace}
                 values={this.state.values || {}}
-                setValues={(x: any) => this.setState({ values: x })}
+                setValues={(x: any) => this.setState({ values: x }, () => {console.log(this.state.values)})}
+                fileUpload={true}
               />
             </InnerWrapper>
             <SaveButton

dashboard/src/main/home/modals/EnvEditorModal.tsx

@@ -64,6 +64,7 @@ export default class EnvEditorModal extends Component<PropsType, StateType> {
             width="100%"
             style={{    
                 borderRadius: "5px", 
+                fontFamily: "monospace !important"
             }}
             showPrintMargin={true}
             showGutter={true}