imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

put settings and sign out in top left menu for now

Browse source
This commit is contained in:
Bruno Windels 2018-10-23 15:25:20 +02:00
parent 863d89f6fd
commit 8b38af856a
2 changed files with 63 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

53
src/components/structures/TopLeftMenu.js
View file

@ -15,37 +15,32 @@ limitations under the License.
*/
import React from 'react';
import PropTypes from 'prop-types';
import sdk from '../../index';
class TopLeftMenu extends React.Component {
static propTypes = {
collapsed: PropTypes.bool.isRequired,
};
static displayName = 'TopLeftMenu';
import dis from '../../dispatcher';
import { _t } from '../../languageHandler';
export class TopLeftMenu extends React.Component {
render() {
const BaseAvatar = sdk.getComponent('avatars.BaseAvatar');
const avatarHeight = 28;
const name = "My stuff";
return <div className="mx_TopLeftMenu">
<ul className="mx_TopLeftMenu_section">
<li onClick={this.openSettings}>{_t("Settings")}</li>
</ul>
<ul className="mx_TopLeftMenu_section">
<li onClick={this.signOut}>{_t("Sign out")}</li>
</ul>
</div>;
}
return (
<div className="mx_TopLeftMenu">
<BaseAvatar
className="mx_TopLeftMenu_avatar"
name={name}
width={avatarHeight}
height={avatarHeight}
/>
<div className="mx_TopLeftMenu_name">
{ name }
</div>
<img className="mx_TopLeftMenu_chevron" src="img/topleft-chevron.svg" width="11" height="6" />
</div>
);
openSettings() {
dis.dispatch({action: 'view_user_settings'});
this.closeMenu();
}
signOut() {
dis.dispatch({action: 'logout'});
this.closeMenu();
}
closeMenu() {
if (this.props.onFinished) this.props.onFinished();
}
}
module.exports = TopLeftMenu;