Convert StatusMessageContextMenu to TS

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

src/components/views/context_menus/StatusMessageContextMenu.js

@@ -1,151 +0,0 @@
-/*
-Copyright 2018 New Vector Ltd
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { _t } from '../../../languageHandler';
-import { MatrixClientPeg } from '../../../MatrixClientPeg';
-import * as sdk from '../../../index';
-import AccessibleButton from '../elements/AccessibleButton';
-import { replaceableComponent } from "../../../utils/replaceableComponent";
-
-@replaceableComponent("views.context_menus.StatusMessageContextMenu")
-export default class StatusMessageContextMenu extends React.Component {
-    static propTypes = {
-        // js-sdk User object. Not required because it might not exist.
-        user: PropTypes.object,
-    };
-
-    constructor(props) {
-        super(props);
-
-        this.state = {
-            message: this.comittedStatusMessage,
-        };
-    }
-
-    componentDidMount() {
-        const { user } = this.props;
-        if (!user) {
-            return;
-        }
-        user.on("User._unstable_statusMessage", this._onStatusMessageCommitted);
-    }
-
-    componentWillUnmount() {
-        const { user } = this.props;
-        if (!user) {
-            return;
-        }
-        user.removeListener(
-            "User._unstable_statusMessage",
-            this._onStatusMessageCommitted,
-        );
-    }
-
-    get comittedStatusMessage() {
-        return this.props.user ? this.props.user._unstable_statusMessage : "";
-    }
-
-    _onStatusMessageCommitted = () => {
-        // The `User` object has observed a status message change.
-        this.setState({
-            message: this.comittedStatusMessage,
-            waiting: false,
-        });
-    };
-
-    _onClearClick = (e) => {
-        MatrixClientPeg.get()._unstable_setStatusMessage("");
-        this.setState({
-            waiting: true,
-        });
-    };
-
-    _onSubmit = (e) => {
-        e.preventDefault();
-        MatrixClientPeg.get()._unstable_setStatusMessage(this.state.message);
-        this.setState({
-            waiting: true,
-        });
-    };
-
-    _onStatusChange = (e) => {
-        // The input field's value was changed.
-        this.setState({
-            message: e.target.value,
-        });
-    };
-
-    render() {
-        const Spinner = sdk.getComponent('views.elements.Spinner');
-
-        let actionButton;
-        if (this.comittedStatusMessage) {
-            if (this.state.message === this.comittedStatusMessage) {
-                actionButton = <AccessibleButton className="mx_StatusMessageContextMenu_clear"
-                    onClick={this._onClearClick}
-                >
-                    <span>{ _t("Clear status") }</span>
-                </AccessibleButton>;
-            } else {
-                actionButton = <AccessibleButton className="mx_StatusMessageContextMenu_submit"
-                    onClick={this._onSubmit}
-                >
-                    <span>{ _t("Update status") }</span>
-                </AccessibleButton>;
-            }
-        } else {
-            actionButton = <AccessibleButton
-                className="mx_StatusMessageContextMenu_submit"
-                disabled={!this.state.message}
-                onClick={this._onSubmit}
-            >
-                <span>{ _t("Set status") }</span>
-            </AccessibleButton>;
-        }
-
-        let spinner = null;
-        if (this.state.waiting) {
-            spinner = <Spinner w="24" h="24" />;
-        }
-
-        const form = <form
-            className="mx_StatusMessageContextMenu_form"
-            autoComplete="off"
-            onSubmit={this._onSubmit}
-        >
-            <input
-                type="text"
-                className="mx_StatusMessageContextMenu_message"
-                key="message"
-                placeholder={_t("Set a new status...")}
-                autoFocus={true}
-                maxLength="60"
-                value={this.state.message}
-                onChange={this._onStatusChange}
-            />
-            <div className="mx_StatusMessageContextMenu_actionContainer">
-                { actionButton }
-                { spinner }
-            </div>
-        </form>;
-
-        return <div className="mx_StatusMessageContextMenu">
-            { form }
-        </div>;
-    }
-}