Merge pull request #2903 from jryans/rm-bottom-left-menu

Remove BottomLeftMenu and supporting bits

src/components/structures/BottomLeftMenu.js

@@ -1,197 +0,0 @@
-/*
-Copyright 2015, 2016 OpenMarket Ltd
-Copyright 2017 Vector Creations 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 ReactDOM from 'react-dom';
-import sdk from '../../index';
-import dis from '../../dispatcher';
-import Velocity from 'velocity-animate';
-import 'velocity-animate/velocity.ui';
-import SettingsStore from '../../settings/SettingsStore';
-
-const CALLOUT_ANIM_DURATION = 1000;
-
-module.exports = React.createClass({
-    displayName: 'BottomLeftMenu',
-
-    propTypes: {
-        collapsed: React.PropTypes.bool.isRequired,
-    },
-
-    getInitialState: function() {
-        return ({
-            directoryHover: false,
-            roomsHover: false,
-            homeHover: false,
-            peopleHover: false,
-            settingsHover: false,
-        });
-    },
-
-    componentWillMount: function() {
-        this._dispatcherRef = dis.register(this.onAction);
-        this._peopleButton = null;
-        this._directoryButton = null;
-        this._createRoomButton = null;
-        this._lastCallouts = {};
-    },
-
-    componentWillUnmount: function() {
-        dis.unregister(this._dispatcherRef);
-    },
-
-    // Room events
-    onDirectoryClick: function() {
-        dis.dispatch({ action: 'view_room_directory' });
-    },
-
-    onDirectoryMouseEnter: function() {
-        this.setState({ directoryHover: true });
-    },
-
-    onDirectoryMouseLeave: function() {
-        this.setState({ directoryHover: false });
-    },
-
-    onRoomsClick: function() {
-        dis.dispatch({ action: 'view_create_room' });
-    },
-
-    onRoomsMouseEnter: function() {
-        this.setState({ roomsHover: true });
-    },
-
-    onRoomsMouseLeave: function() {
-        this.setState({ roomsHover: false });
-    },
-
-    // Home button events
-    onHomeClick: function() {
-        dis.dispatch({ action: 'view_home_page' });
-    },
-
-    onHomeMouseEnter: function() {
-        this.setState({ homeHover: true });
-    },
-
-    onHomeMouseLeave: function() {
-        this.setState({ homeHover: false });
-    },
-
-    // People events
-    onPeopleClick: function() {
-        dis.dispatch({ action: 'view_create_chat' });
-    },
-
-    onPeopleMouseEnter: function() {
-        this.setState({ peopleHover: true });
-    },
-
-    onPeopleMouseLeave: function() {
-        this.setState({ peopleHover: false });
-    },
-
-    // Settings events
-    onSettingsClick: function() {
-        dis.dispatch({ action: 'view_user_settings' });
-    },
-
-    onSettingsMouseEnter: function() {
-        this.setState({ settingsHover: true });
-    },
-
-    onSettingsMouseLeave: function() {
-        this.setState({ settingsHover: false });
-    },
-
-    onAction: function(payload) {
-        let calloutElement;
-        switch (payload.action) {
-            // Incoming instruction: dance!
-            case 'callout_start_chat':
-                calloutElement = this._peopleButton;
-                break;
-            case 'callout_room_directory':
-                calloutElement = this._directoryButton;
-                break;
-            case 'callout_create_room':
-                calloutElement = this._createRoomButton;
-                break;
-        }
-        if (calloutElement) {
-            const lastCallout = this._lastCallouts[payload.action];
-            const now = Date.now();
-            if (lastCallout == undefined || lastCallout < now - CALLOUT_ANIM_DURATION) {
-                this._lastCallouts[payload.action] = now;
-                Velocity(ReactDOM.findDOMNode(calloutElement), "callout.bounce", CALLOUT_ANIM_DURATION);
-            }
-        }
-    },
-
-    // Get the label/tooltip to show
-    getLabel: function(label, show) {
-        if (show) {
-            const Tooltip = sdk.getComponent("elements.Tooltip");
-            return <Tooltip className="mx_BottomLeftMenu_tooltip" label={label} />;
-        }
-    },
-
-    _collectPeopleButton: function(e) {
-        this._peopleButton = e;
-    },
-
-    _collectDirectoryButton: function(e) {
-        this._directoryButton = e;
-    },
-
-    _collectCreateRoomButton: function(e) {
-        this._createRoomButton = e;
-    },
-
-    render: function() {
-        const HomeButton = sdk.getComponent('elements.HomeButton');
-        const StartChatButton = sdk.getComponent('elements.StartChatButton');
-        const RoomDirectoryButton = sdk.getComponent('elements.RoomDirectoryButton');
-        const CreateRoomButton = sdk.getComponent('elements.CreateRoomButton');
-        const SettingsButton = sdk.getComponent('elements.SettingsButton');
-        const GroupsButton = sdk.getComponent('elements.GroupsButton');
-
-        const groupsButton = !SettingsStore.getValue("TagPanel.enableTagPanel") ?
-            <GroupsButton tooltip={true} /> : null;
-
-        return (
-            <div className="mx_BottomLeftMenu">
-                <div className="mx_BottomLeftMenu_options">
-                    <HomeButton tooltip={true} />
-                    <div ref={this._collectPeopleButton}>
-                        <StartChatButton tooltip={true} />
-                    </div>
-                    <div ref={this._collectDirectoryButton}>
-                        <RoomDirectoryButton tooltip={true} />
-                    </div>
-                    <div ref={this._collectCreateRoomButton}>
-                        <CreateRoomButton tooltip={true} />
-                    </div>
-                    { groupsButton }
-                    <span className="mx_BottomLeftMenu_settings">
-                        <SettingsButton tooltip={true} />
-                    </span>
-                </div>
-            </div>
-        );
-    },
-});

src/components/structures/LeftPanel.js

@@ -270,7 +270,6 @@ const LeftPanel = React.createClass({
                 </aside>
             </div>
         );
-        // <BottomLeftMenu collapsed={this.props.collapsed}/>
     },
 });