Remove create-react-class

src/components/views/groups/GroupRoomTile.js

@@ -16,29 +16,28 @@ limitations under the License.
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import createReactClass from 'create-react-class';
 import * as sdk from '../../../index';
 import dis from '../../../dispatcher/dispatcher';
 import { GroupRoomType } from '../../../groups';
 import MatrixClientContext from "../../../contexts/MatrixClientContext";
 
-const GroupRoomTile = createReactClass({
-    displayName: 'GroupRoomTile',
-
-    propTypes: {
+class GroupRoomTile extends React.Component {
+    static propTypes = {
         groupId: PropTypes.string.isRequired,
         groupRoom: GroupRoomType.isRequired,
-    },
+    };
 
-    onClick: function(e) {
+    static contextType = MatrixClientContext
+
+    onClick = e => {
         dis.dispatch({
             action: 'view_group_room',
             groupId: this.props.groupId,
             groupRoomId: this.props.groupRoom.roomId,
         });
-    },
+    };
 
-    render: function() {
+    render() {
         const BaseAvatar = sdk.getComponent('avatars.BaseAvatar');
         const AccessibleButton = sdk.getComponent('elements.AccessibleButton');
         const avatarUrl = this.context.mxcUrlToHttp(
@@ -63,10 +62,7 @@ const GroupRoomTile = createReactClass({
                 </div>
             </AccessibleButton>
         );
-    },
-});
-
-GroupRoomTile.contextType = MatrixClientContext;
-
+    }
+}
 
 export default GroupRoomTile;