Remove create-react-class

src/components/views/messages/RoomAvatarEvent.js

@@ -18,22 +18,19 @@ limitations under the License.
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import createReactClass from 'create-react-class';
 import {MatrixClientPeg} from '../../../MatrixClientPeg';
 import { _t } from '../../../languageHandler';
 import * as sdk from '../../../index';
 import Modal from '../../../Modal';
 import AccessibleButton from '../elements/AccessibleButton';
 
-export default createReactClass({
-    displayName: 'RoomAvatarEvent',
-
-    propTypes: {
+export default class RoomAvatarEvent extends React.Component {
+    static propTypes = {
         /* the MatrixEvent to show */
         mxEvent: PropTypes.object.isRequired,
-    },
+    };
 
-    onAvatarClick: function() {
+    onAvatarClick = () => {
         const cli = MatrixClientPeg.get();
         const ev = this.props.mxEvent;
         const httpUrl = cli.mxcUrlToHttp(ev.getContent().url);
@@ -50,9 +47,9 @@ export default createReactClass({
             name: text,
         };
         Modal.createDialog(ImageView, params, "mx_Dialog_lightbox");
-    },
+    };
 
-    render: function() {
+    render() {
         const ev = this.props.mxEvent;
         const senderDisplayName = ev.sender && ev.sender.name ? ev.sender.name : ev.getSender();
         const RoomAvatar = sdk.getComponent("avatars.RoomAvatar");
@@ -86,5 +83,5 @@ export default createReactClass({
                 }
             </div>
         );
-    },
-});
+    }
+}