//
// SPDX-License-Identifier: AGPL-3.0
-import * as React from 'react';
+import React from 'react';
import { Grid, StyleRulesCallback, Divider, IconButton, Typography } from '@material-ui/core';
import {
Field,
export default () =>
- <FieldArray name='permissions' component={SharingManagementFieldArray} />;
+ <FieldArray name='permissions' component={SharingManagementFieldArray as any} />;
const SharingManagementFieldArray = ({ fields }: WrappedFieldArrayProps<{ email: string }>) =>
<div>
{
- fields.map((field, index, fields) =>
+ fields.length > 0
+ ? fields.map((field, index, fields) =>
<PermissionManagementRow key={field} {...{ field, index, fields }} />)
+ : <Typography>No permissions set</Typography>
}
<Divider />
</div>;
</Grid>
<Grid item xs={4} container wrap='nowrap'>
<Field
- name={`${field}.permissions`}
+ name={`${field}.permissions` as string}
component={PermissionSelectComponent}
format={formatPermissionLevel}
parse={parsePermissionLevel} />