add "Log with MLFlow" checkbox

Author: andrii-i

src/components/mlflow-checkbox.tsx

@@ -0,0 +1,18 @@
+import React, { ChangeEvent } from 'react';
+
+import { Checkbox, FormControlLabel, FormGroup } from '@mui/material';
+
+export type MLFlowCheckboxProps = {
+  onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+};
+
+export function MLFlowCheckbox(props: MLFlowCheckboxProps): JSX.Element {
+  return (
+    <FormGroup>
+      <FormControlLabel
+        control={<Checkbox onChange={props.onChange} value={'mlflowLogging'} />}
+        label="Log with MLFlow"
+      />
+    </FormGroup>
+  );
+}

src/mainviews/create-job.tsx

@@ -42,6 +42,7 @@ import {
 
 import { Box, Stack } from '@mui/system';
 import { getErrorMessage } from '../util/errors';
+import { MLFlowCheckbox } from '../components/mlflow-checkbox';
 
 export interface ICreateJobProps {
   model: ICreateJobModel;
@@ -504,6 +505,7 @@ export function CreateJob(props: ICreateJobProps): JSX.Element {
             environmentList={environmentList}
             value={props.model.environment}
           />
+          <MLFlowCheckbox onChange={handleInputChange} />
           <OutputFormatPicker
             label={trans.__('Output formats')}
             name="outputFormat"