Merge remote-tracking branch 'origin/main' into 17579-Clear-table-filter-when-changin...

[arvados-workbench2.git] / src / views / run-process-panel / run-process-basic-form.tsx

diff --git a/src/views/run-process-panel/run-process-basic-form.tsx b/src/views/run-process-panel/run-process-basic-form.tsx
index ef4a9cc7fd2dd0f10382b193eb09e21e567c3b62..13d882ba3ca874ea63df48735c2e6504a29f95d6 100644 (file)
--- a/src/views/run-process-panel/run-process-basic-form.tsx
+++ b/src/views/run-process-panel/run-process-basic-form.tsx
@@ -2,10 +2,11 @@
 //
 // SPDX-License-Identifier: AGPL-3.0
 
-import * as React from 'react';
+import React from 'react';
 import { reduxForm, Field } from 'redux-form';
 import { Grid } from '@material-ui/core';
-import { TextField } from '~/components/text-field/text-field';
+import { TextField } from 'components/text-field/text-field';
+import { PROCESS_NAME_VALIDATION } from 'validators/validators';
 
 export const RUN_PROCESS_BASIC_FORM = 'runProcessBasicForm';
 
@@ -18,17 +19,19 @@ export const RunProcessBasicForm =
         form: RUN_PROCESS_BASIC_FORM
     })(() =>
         <form>
-            <Grid container spacing={16}>
+            <Grid container spacing={32}>
                 <Grid item xs={12} md={6}>
                     <Field
                         name='name'
-                        component={TextField}
-                        label="Enter a new name for run process" />
+                        component={TextField as any}
+                        label="Enter a new name for run process"
+                        required
+                        validate={PROCESS_NAME_VALIDATION} />
                 </Grid>
                 <Grid item xs={12} md={6}>
                     <Field
                         name='description'
-                        component={TextField}
+                        component={TextField as any}
                         label="Enter a description for run process" />
                 </Grid>
             </Grid>