src/components/project-tree-picker/project-tree-picker.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 { ProjectTreePicker as ProjectPicker } from "~/views-components/project-tree-picker/project-tree-picker";
   7 import { WrappedFieldProps } from "redux-form";
   8 import { Typography } from '@material-ui/core';
   9
  10 export const ProjectTreePicker = (props: WrappedFieldProps) =>
  11     <div style={{ height: '200px', display: 'flex', flexDirection: 'column' }}>
  12         <ProjectPicker onChange={handleChange(props)} />
  13         {props.meta.dirty && props.meta.error &&
  14             <Typography variant='caption' color='error'>
  15                 {props.meta.error}
  16             </Typography>}
  17     </div>;
  18
  19 const handleChange = (props: WrappedFieldProps) => (value: string) =>
  20     props.input.value === value
  21         ? props.input.onChange('')
  22         : props.input.onChange(value);