MODERATE_FILES role can clean all files in a room, fixes #209

app/src/components/MeetingDrawer/FileSharing/FileSharing.js

@@ -5,6 +5,7 @@ import { withStyles } from '@material-ui/core/styles';
 import { withRoomContext } from '../../../RoomContext';
 import { useIntl } from 'react-intl';
 import FileList from './FileList';
+import FileSharingModerator from './FileSharingModerator';
 import Paper from '@material-ui/core/Paper';
 import Button from '@material-ui/core/Button';
 
@@ -58,6 +59,7 @@ const FileSharing = (props) =>
 
 	return (
 		<Paper className={classes.root}>
+			<FileSharingModerator />
 			<input
 				className={classes.input}
 				type='file'

app/src/components/MeetingDrawer/FileSharing/FileSharingModerator.js

@@ -0,0 +1,104 @@
+import React from 'react';
+import { connect } from 'react-redux';
+import PropTypes from 'prop-types';
+import { withRoomContext } from '../../../RoomContext';
+import { withStyles } from '@material-ui/core/styles';
+import { useIntl, FormattedMessage } from 'react-intl';
+import Button from '@material-ui/core/Button';
+
+const styles = (theme) =>
+	({
+		root :
+		{
+			padding         : theme.spacing(1),
+			width           : '100%',
+			overflow        : 'hidden',
+			cursor          : 'auto',
+			display         : 'flex',
+			listStyleType   : 'none',
+			boxShadow       : '0 2px 5px 2px rgba(0, 0, 0, 0.2)',
+			backgroundColor : 'rgba(255, 255, 255, 1)'
+		},
+		listheader :
+		{
+			padding    : theme.spacing(1),
+			fontWeight : 'bolder'
+		},
+		actionButton :
+		{
+			marginLeft : 'auto'
+		}
+	});
+
+const FileSharingModerator = (props) =>
+{
+	const intl = useIntl();
+
+	const {
+		roomClient,
+		isFileSharingModerator,
+		room,
+		classes
+	} = props;
+
+	if (!isFileSharingModerator)
+		return;
+
+	return (
+		<ul className={classes.root}>
+			<li className={classes.listheader}>
+				<FormattedMessage
+					id='room.moderatoractions'
+					defaultMessage='Moderator actions'
+				/>
+			</li>
+			<Button
+				aria-label={intl.formatMessage({
+					id             : 'room.clearFileSharing',
+					defaultMessage : 'Clear files'
+				})}
+				className={classes.actionButton}
+				variant='contained'
+				color='secondary'
+				disabled={room.clearFileSharingInProgress}
+				onClick={() => roomClient.clearFileSharing()}
+			>
+				<FormattedMessage
+					id='room.clearFileSharing'
+					defaultMessage='Clear files'
+				/>
+			</Button>
+		</ul>
+	);
+};
+
+FileSharingModerator.propTypes =
+{
+	roomClient             : PropTypes.any.isRequired,
+	isFileSharingModerator : PropTypes.bool,
+	room                   : PropTypes.object,
+	classes                : PropTypes.object.isRequired
+};
+
+const mapStateToProps = (state) =>
+	({
+		isFileSharingModerator :
+			state.me.roles.some((role) =>
+				state.room.permissionsFromRoles.MODERATE_FILES.includes(role)),
+		room : state.room
+	});
+
+export default withRoomContext(connect(
+	mapStateToProps,
+	null,
+	null,
+	{
+		areStatesEqual : (next, prev) =>
+		{
+			return (
+				prev.room === next.room &&
+				prev.me === next.me
+			);
+		}
+	}
+)(withStyles(styles)(FileSharingModerator)));