src/views/run-process-panel/run-process-basic-form.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import * as React from 'react';
   6 import { reduxForm, Field } from 'redux-form';
   7 import { Grid } from '@material-ui/core';
   8 import { TextField } from '~/components/text-field/text-field';
   9
  10 export const RUN_PROCESS_BASIC_FORM = 'runProcessBasicForm';
  11
  12 export interface RunProcessBasicFormData {
  13     name: string;
  14     description: string;
  15 }
  16 export const RunProcessBasicForm =
  17     reduxForm<RunProcessBasicFormData>({
  18         form: RUN_PROCESS_BASIC_FORM
  19     })(() =>
  20         <form>
  21             <Grid container spacing={16}>
  22                 <Grid item xs={12} md={6}>
  23                     <Field
  24                         name='name'
  25                         component={TextField}
  26                         label="Enter a new name for run process" />
  27                 </Grid>
  28                 <Grid item xs={12} md={6}>
  29                     <Field
  30                         name='description'
  31                         component={TextField}
  32                         label="Enter a description for run process" />
  33                 </Grid>
  34             </Grid>
  35         </form>);