Updated a lot of components to PureComponents. Better performance.

app/src/components/MeetingDrawer/Chat/ChatInput.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React from 'react';
 import { connect } from 'react-redux';
 import PropTypes from 'prop-types';
 import { withStyles } from '@material-ui/core/styles';
@@ -28,7 +28,7 @@ const styles = (theme) =>
 		}
 	});
 
-class ChatInput extends Component
+class ChatInput extends React.PureComponent
 {
 	constructor(props)
 	{

app/src/components/MeetingDrawer/Chat/MessageList.js

@@ -18,7 +18,7 @@ const styles = (theme) =>
 		}
 	});
 
-class MessageList extends React.Component
+class MessageList extends React.PureComponent
 {
 	componentDidMount()
 	{
@@ -31,6 +31,13 @@ class MessageList extends React.Component
 			+ this.node.offsetHeight === this.node.scrollHeight;
 	}
 
+	shouldComponentUpdate(nextProps)
+	{
+		if (nextProps.chatmessages.length !== this.props.chatmessages.length)
+			return true;
+		return false;
+	}
+
 	componentDidUpdate(prevProps, prevState, shouldScroll)
 	{
 		if (shouldScroll)

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

@@ -1,4 +1,4 @@
-import React, { Component, Fragment } from 'react';
+import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { withRoomContext } from '../../../RoomContext';
@@ -49,7 +49,7 @@ const styles = (theme) =>
 		}
 	});
 
-class File extends Component
+class File extends React.PureComponent
 {
 	render()
 	{

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

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { withStyles } from '@material-ui/core/styles';
@@ -17,7 +17,7 @@ const styles = (theme) =>
 		}
 	});
 
-class FileList extends Component
+class FileList extends React.PureComponent
 {
 	componentDidMount()
 	{

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

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { withStyles } from '@material-ui/core/styles';
@@ -26,7 +26,7 @@ const styles = (theme) =>
 		}
 	});
 
-class FileSharing extends Component
+class FileSharing extends React.PureComponent
 {
 	constructor(props)
 	{

app/src/components/MeetingDrawer/MeetingDrawer.js

@@ -30,7 +30,7 @@ const styles = (theme) =>
 		}
 	});
 
-class MeetingDrawer extends React.Component
+class MeetingDrawer extends React.PureComponent
 {
 	handleChange = (event, value) =>
 	{

app/src/components/MeetingDrawer/ParticipantList/ParticipantList.js

@@ -45,7 +45,7 @@ const styles = (theme) =>
 		}
 	});
 
-class ParticipantList extends React.Component
+class ParticipantList extends React.PureComponent
 {
 	componentDidMount()
 	{