Merge pull request #13487 from lokanandaprabhu/feature/OCPBUGS-26415

OCPBUGS-26415: Application creation fail when manually entering input scaling value in local setup

Author: openshift-merge-bot[bot]

frontend/packages/console-shared/src/components/formik-fields/NumberSpinnerField.tsx

@@ -8,7 +8,16 @@ import { RedExclamationCircleIcon } from '../status';
 import { FieldProps } from './field-types';
 import { getFieldId } from './field-utils';
 
-const NumberSpinnerField: React.FC<FieldProps> = ({ label, helpText, required, ...props }) => {
+interface NumberSpinnerFieldProps extends FieldProps {
+  setOutputAsIntegerFlag?: boolean;
+}
+
+const NumberSpinnerField: React.FC<NumberSpinnerFieldProps> = ({
+  label,
+  helpText,
+  required,
+  ...props
+}) => {
   const [field, { touched, error }] = useField(props.name);
   const { setFieldValue, setFieldTouched } = useFormikContext<FormikValues>();
   const fieldId = getFieldId(props.name, 'number-spinner');
@@ -20,9 +29,14 @@ const NumberSpinnerField: React.FC<FieldProps> = ({ label, helpText, required, .
   const handleChange: React.ReactEventHandler<HTMLInputElement> = React.useCallback(
     (event) => {
       field.onChange(event);
-      setFieldValue(props.name, event.currentTarget.value);
+      setFieldValue(
+        props.name,
+        props?.setOutputAsIntegerFlag
+          ? _.toInteger(event.currentTarget.value)
+          : event.currentTarget.value,
+      );
     },
-    [field, props.name, setFieldValue],
+    [field, props.name, setFieldValue, props?.setOutputAsIntegerFlag],
   );
 
   return (

frontend/packages/dev-console/src/components/import/advanced/ScalingSection.tsx

@@ -15,6 +15,7 @@ const ScalingSection: React.FC<{ name: string }> = ({ name }) => {
         name={name}
         label={t('devconsole~Replicas')}
         helpText={t('devconsole~The number of instances of your Image.')}
+        setOutputAsIntegerFlag
       />
     </FormSection>
   );