src/views/run-process-panel/inputs/generic-input.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 { WrappedFieldProps } from 'redux-form';
   7 import { FormGroup, FormLabel, Input, FormHelperText } from '@material-ui/core';
   8 import { GenericCommandInputParameter, getInputLabel } from '../../../models/workflow';
   9
  10 export type GenericInputProps = WrappedFieldProps & {
  11     commandInput: GenericCommandInputParameter<any, any>;
  12 };
  13
  14 type GenericInputContainerProps = GenericInputProps & {
  15     component: React.ComponentType<GenericInputProps>;
  16 };
  17 export const GenericInput = ({ component: Component, ...props }: GenericInputContainerProps) => {
  18     return <FormGroup>
  19         <FormLabel error={props.meta.touched && props.meta.error}>{getInputLabel(props.commandInput)}</FormLabel>
  20         <Component {...props} />
  21         <FormHelperText error={props.meta.touched && props.meta.error}>
  22             {
  23                 props.meta.touched && props.meta.error
  24                     ? props.meta.error
  25                     : props.commandInput.doc
  26             }
  27         </FormHelperText>
  28     </FormGroup>;
  29 };