Remove create-react-class

src/components/views/rooms/AuxPanel.js

@@ -17,7 +17,6 @@ limitations under the License.
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import createReactClass from 'create-react-class';
 import {MatrixClientPeg} from "../../../MatrixClientPeg";
 import * as sdk from '../../../index';
 import dis from "../../../dispatcher/dispatcher";
@@ -31,10 +30,8 @@ import AutoHideScrollbar from "../../structures/AutoHideScrollbar";
 import CallView from "../voip/CallView";
 
 
-export default createReactClass({
-    displayName: 'AuxPanel',
-
-    propTypes: {
+export default class AuxPanel extends React.Component {
+    static propTypes = {
         // js-sdk room object
         room: PropTypes.object.isRequired,
         userId: PropTypes.string.isRequired,
@@ -58,42 +55,46 @@ export default createReactClass({
         // content in a way that is likely to make it change size.
         onResize: PropTypes.func,
         fullHeight: PropTypes.bool,
-    },
+    };
 
-    getDefaultProps: () => ({
+    static defaultProps = {
         showApps: true,
         hideAppsDrawer: false,
-    }),
+    };
 
-    getInitialState: function() {
-        return { counters: this._computeCounters() };
-    },
+    constructor(props) {
+        super(props);
 
-    componentDidMount: function() {
+        this.state = {
+            counters: this._computeCounters(),
+        };
+    }
+
+    componentDidMount() {
         const cli = MatrixClientPeg.get();
         cli.on("RoomState.events", this._rateLimitedUpdate);
-    },
+    }
 
-    componentWillUnmount: function() {
+    componentWillUnmount() {
         const cli = MatrixClientPeg.get();
         if (cli) {
             cli.removeListener("RoomState.events", this._rateLimitedUpdate);
         }
-    },
+    }
 
-    shouldComponentUpdate: function(nextProps, nextState) {
+    shouldComponentUpdate(nextProps, nextState) {
         return (!ObjectUtils.shallowEqual(this.props, nextProps) ||
                 !ObjectUtils.shallowEqual(this.state, nextState));
-    },
+    }
 
-    componentDidUpdate: function(prevProps, prevState) {
+    componentDidUpdate(prevProps, prevState) {
         // most changes are likely to cause a resize
         if (this.props.onResize) {
             this.props.onResize();
         }
-    },
+    }
 
-    onConferenceNotificationClick: function(ev, type) {
+    onConferenceNotificationClick = (ev, type) => {
         dis.dispatch({
             action: 'place_call',
             type: type,
@@ -101,15 +102,15 @@ export default createReactClass({
         });
         ev.stopPropagation();
         ev.preventDefault();
-    },
+    };
 
-    _rateLimitedUpdate: new RateLimitedFunc(function() {
+    _rateLimitedUpdate = new RateLimitedFunc(() => {
         if (SettingsStore.getValue("feature_state_counters")) {
             this.setState({counters: this._computeCounters()});
         }
-    }, 500),
+    }, 500);
 
-    _computeCounters: function() {
+    _computeCounters() {
         let counters = [];
 
         if (this.props.room && SettingsStore.getValue("feature_state_counters")) {
@@ -140,9 +141,9 @@ export default createReactClass({
         }
 
         return counters;
-    },
+    }
 
-    render: function() {
+    render() {
         const TintableSvg = sdk.getComponent("elements.TintableSvg");
 
         let fileDropTarget = null;
@@ -274,5 +275,5 @@ export default createReactClass({
                 { this.props.children }
             </AutoHideScrollbar>
         );
-    },
-});
+    }
+}