prettier

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

@@ -98,9 +98,11 @@ export default class FormDebugger extends Component<PropsType, StateType> {
         <CheckboxRow
           label="Read-only"
           checked={this.state.isReadOnly}
-          toggle={() => this.setState({
-            isReadOnly: !this.state.isReadOnly,
-          })}
+          toggle={() =>
+            this.setState({
+              isReadOnly: !this.state.isReadOnly,
+            })
+          }
         />
         <CheckboxRow
           label="Include non-form dummy tabs"
@@ -119,9 +121,9 @@ export default class FormDebugger extends Component<PropsType, StateType> {
               // Override the form value for checkbox_a
               valuesToOverride: {
                 checkbox_a: {
-                  value: !this.state.checkbox_a
-                }
-              }
+                  value: !this.state.checkbox_a,
+                },
+              },
             })
           }
         />
@@ -130,7 +132,9 @@ export default class FormDebugger extends Component<PropsType, StateType> {
         <Br />
         <FormWrapper
           valuesToOverride={this.state.valuesToOverride}
-          clearValuesToOverride={() => this.setState({ valuesToOverride: null })}
+          clearValuesToOverride={() =>
+            this.setState({ valuesToOverride: null })
+          }
           showStateDebugger={this.state.showStateDebugger}
           formData={formData}
           isReadOnly={this.state.isReadOnly}
@@ -286,4 +290,4 @@ tabs:
       label: Some Header
     - type: subtitle
       label: Some helper text
-`;
+`;

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

@@ -44,7 +44,7 @@ type StateType = {
 
 /**
  * Renders from raw JSON form data and manages form state.
- * 
+ *
  * To control values using external state prop in "valuesToOverride" (refer to
  * FormDebugger or LaunchTemplate for example usage).
  */
@@ -145,7 +145,10 @@ export default class FormWrapper extends Component<PropsType, StateType> {
       if (tabOptions.length > 0) {
         this.setState({
           tabOptions: tabOptions,
-          currentTab: this.state.currentTab === "" ? tabOptions[0].value : this.state.currentTab,
+          currentTab:
+            this.state.currentTab === ""
+              ? tabOptions[0].value
+              : this.state.currentTab,
           metaState,
           requiredFields: requiredFields,
         });
@@ -189,12 +192,18 @@ export default class FormWrapper extends Component<PropsType, StateType> {
       this.props.valuesToOverride &&
       !_.isEqual(prevProps.valuesToOverride, this.props.valuesToOverride)
     ) {
-      this.setState({ metaState: {
-        ...this.state.metaState,
-        ...this.props.valuesToOverride,
-      }}, () => {
-        this.props.clearValuesToOverride && this.props.clearValuesToOverride();
-      });
+      this.setState(
+        {
+          metaState: {
+            ...this.state.metaState,
+            ...this.props.valuesToOverride,
+          },
+        },
+        () => {
+          this.props.clearValuesToOverride &&
+            this.props.clearValuesToOverride();
+        }
+      );
     }
   }
 

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

@@ -34,7 +34,7 @@ export default class InputRow extends Component<PropsType, StateType> {
     let { label, value, type, unit, placeholder, width } = this.props;
     return (
       <StyledInputRow>
-        { label && (
+        {label && (
           <Label>
             {label} <Required>{this.props.isRequired ? " *" : null}</Required>
           </Label>

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

@@ -24,7 +24,6 @@ type StateType = {
   values: any[];
   showEnvModal: boolean;
   showEditorModal: boolean;
-  
 };
 
 export default class KeyValueArray extends Component<PropsType, StateType> {

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

@@ -268,7 +268,7 @@ export default class ValuesForm extends Component<PropsType, StateType> {
         // Hide collapsible section if deciding field is false
         if (section.show_if) {
           if (
-            !this.props.metaState[section.show_if] || 
+            !this.props.metaState[section.show_if] ||
             this.props.metaState[section.show_if].value === false
           ) {
             return null;

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

@@ -495,7 +495,9 @@ class LaunchTemplate extends Component<PropsType, StateType> {
             formData={this.props.form}
             saveValuesStatus={this.state.saveValuesStatus}
             valuesToOverride={this.state.valuesToOverride}
-            clearValuesToOverride={() => this.setState({ valuesToOverride: null })}
+            clearValuesToOverride={() =>
+              this.setState({ valuesToOverride: null })
+            }
             externalValues={{
               namespace: this.state.selectedNamespace,
               clusterId: this.context.currentCluster.id,
@@ -632,7 +634,7 @@ class LaunchTemplate extends Component<PropsType, StateType> {
                   },
                   showStartCommand: {
                     value: !procfileProcess,
-                  }
+                  },
                 },
               })
             }