array-input form.yaml support

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

@@ -21,7 +21,7 @@ export default class InputArray extends Component<PropsType, StateType> {
           return (
             <InputWrapper>
               <Input
-                placeholder="ex: asdf"
+                placeholder=""
                 width="270px"
                 value={value}
                 onChange={(e: any) => {
@@ -50,7 +50,7 @@ export default class InputArray extends Component<PropsType, StateType> {
         <Label>{this.props.label}</Label>
         {
           this.props.values.length === 0
-          ? <h1>asdf</h1>
+          ? <></>
           : this.renderInputList()
         }
         <AddRowButton onClick={() => {

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

@@ -72,16 +72,13 @@ export default class ValuesForm extends Component<PropsType, StateType> {
           );
         case "array-input":
           return (
-            <InputRow
+            <InputArray
               key={i}
-              isRequired={item.required}
-              type="text"
-              value={this.getInputValue(item)}
-              setValue={(x: string) => {
-                this.props.setMetaState({ [key]: [x] });
+              values={this.props.metaState[key]}
+              setValues={(x: string[]) => {
+                this.props.setMetaState({ [key]: x });
               }}
               label={item.label}
-              unit={item.settings ? item.settings.unit : null}
             />
           );
         case "string-input":

dashboard/src/main/home/dashboard/Dashboard.tsx

@@ -79,7 +79,7 @@ class Dashboard extends Component<PropsType, StateType> {
             <>
               <Banner>
                 <i className="material-icons">error_outline</i>
-                This project currently has no clusters conncted.
+                This project currently has no clusters connected.
               </Banner>
               <ProvisionerSettings infras={this.state.infras} />
             </>

dashboard/src/main/home/templates/expanded-template/LaunchTemplate.tsx

@@ -283,6 +283,7 @@ export default class LaunchTemplate extends Component<PropsType, StateType> {
         tabOptions.push({ value: tab.name, label: tab.label });
       }
     });
+    console.log(tabOptions)
     this.setState({ tabOptions, currentTab: tabOptions[0]["value"] });
 
     // TODO: query with selected filter once implemented