import { WithDialogProps } from '~/store/dialog/with-dialog';
import { InjectedFormProps } from 'redux-form';
import { CollectionPartialCopyFormData } from '~/store/collections/collection-partial-copy-actions';
+import { Grid } from '@material-ui/core';
type DialogCollectionPartialCopyProps = WithDialogProps<string> & InjectedFormProps<CollectionPartialCopyFormData>;
{...props}
/>;
-export const CollectionPartialCopyFields = () => <div style={{ display: 'flex' }}>
- <div>
- <CollectionNameField />
- <CollectionDescriptionField />
- </div>
- <CollectionProjectPickerField />
-</div>;
+export const CollectionPartialCopyFields = () =>
+ <Grid container direction={"row"}>
+ <Grid item xs={12}>
+ <CollectionNameField />
+ <CollectionDescriptionField />
+ <CollectionProjectPickerField />
+ </Grid>
+ </Grid>;
validate={COLLECTION_PROJECT_VALIDATION} />;
const ProjectPicker = (props: WrappedFieldProps) =>
- <div style={{ width: '400px', height: '144px', display: 'flex', flexDirection: 'column' }}>
+ <div style={{ height: '144px', display: 'flex', flexDirection: 'column' }}>
<ProjectTreePicker onChange={projectUuid => props.input.onChange(projectUuid)} />
</div>;