run validation with updated resource values

openshift · Jul 18, 2022 · cafd9ce · cafd9ce
1 parent da444ef
commit cafd9ce
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/shared/components/formik-fields/ResourceLimitField.tsx b/src/shared/components/formik-fields/ResourceLimitField.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { FormGroup } from '@patternfly/react-core';
 import { useField, useFormikContext, FormikValues } from 'formik';
+import { set } from 'lodash-es';
 import { RequestSizeInput } from '../../utils';
 import { ResourceLimitFieldProps } from './field-types';
 import { getFieldId } from './field-utils';
@@ -14,7 +15,7 @@ const ResourceLimitField: React.FC<ResourceLimitFieldProps> = ({
 }) => {
   const [field, { touched, error }] = useField(props.name);
   const [fieldUnit] = useField(unitName);
-  const { setFieldValue, setFieldTouched } = useFormikContext<FormikValues>();
+  const { setFieldValue, setFieldTouched, values, validateForm } = useFormikContext<FormikValues>();
   const fieldId = getFieldId(props.name, 'resource-limit');
   const isValid = !(touched && error);
   const errorMessage = !isValid ? error : '';
@@ -31,6 +32,8 @@ const ResourceLimitField: React.FC<ResourceLimitFieldProps> = ({
       <RequestSizeInput
         {...props}
         onChange={(val) => {
+          // run validation manually so that formik uses the latest value
+          validateForm(set(values, props.name, val.value));
           setFieldValue(props.name, val.value);
           setFieldTouched(props.name, true);
           setFieldValue(unitName, val.unit);