refactor(app): app service form to react [EE-5415] (#8994)

app/react/kubernetes/applications/CreateView/application-services/ServicePortInput.tsx

@@ -0,0 +1,29 @@
+import { ChangeEvent } from 'react';
+
+import { InputGroup } from '@@/form-components/InputGroup';
+
+type Props = {
+  index: number;
+  value?: number;
+  onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+};
+
+export function ServicePortInput({ index, value, onChange }: Props) {
+  return (
+    <InputGroup size="small">
+      <InputGroup.Addon required>Service port</InputGroup.Addon>
+      <InputGroup.Input
+        type="number"
+        className="form-control min-w-max"
+        name={`service_port_${index}`}
+        placeholder="80"
+        min="1"
+        max="65535"
+        value={value ?? ''}
+        onChange={onChange}
+        required
+        data-cy={`k8sAppCreate-servicePort_${index}`}
+      />
+    </InputGroup>
+  );
+}