import * as React from 'react';
import { Field, WrappedFieldProps, FieldArray, WrappedFieldArrayProps } from 'redux-form';
import { Grid, FormControl, InputLabel } from '@material-ui/core';
-import { PermissionSelect } from './permission-select';
+import { PermissionSelect, parsePermissionLevel, formatPermissionLevel } from './permission-select';
import { PeopleSelect, Person } from './people-select';
export default () =>
const InvitedPeopleFieldComponent = ({ fields }: WrappedFieldArrayProps<Person>) =>
<PeopleSelect
items={fields.getAll() || []}
- onCreate={fields.push}
onSelect={fields.push}
onDelete={fields.remove} />;
const PermissionSelectField = () =>
<Field
- name='permission'
- component={PermissionSelectComponent} />;
+ name='permissions'
+ component={PermissionSelectComponent}
+ format={formatPermissionLevel}
+ parse={parsePermissionLevel} />;
const PermissionSelectComponent = ({ input }: WrappedFieldProps) =>
<FormControl fullWidth>