muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-26 03:26:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

redux: editor-panel: login-logout

Browse source
This commit is contained in:
muerwre 2018-11-26 15:11:51 +07:00
parent e56e49acf4
commit 185fe80fc5
15 changed files with 314 additions and 260 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/components/panels/UserPanel.jsx
View file

@ -5,8 +5,18 @@ import { SERVER } from '$constants/api';
import { DEFAULT_USER, ROLES } from '$constants/auth';
import { UserButton } from '$components/user/UserButton';
import { UserMenu } from '$components/user/UserMenu';
import { setUser, userLogout } from '$redux/user/actions';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import type { UserType } from '$constants/types';
export class UserPanel extends React.PureComponent {
type Props = {
user: UserType,
userLogout: Function,
setUser: Function,
};
export class Component extends React.PureComponent<Props, void> {
state = {
menuOpened: false,
};
@ -56,7 +66,7 @@ export class UserPanel extends React.PureComponent {
render() {
const {
props: { user, userLogout, editor, editing },
props: { user },
state: { menuOpened },
} = this;
@ -71,7 +81,7 @@ export class UserPanel extends React.PureComponent {
}
{
(user && user.role && user.role !== 'guest' && menuOpened) &&
<UserMenu user={user} userLogout={userLogout} />
<UserMenu user={user} userLogout={this.props.userLogout} />
}
</div>
</div>
@ -79,3 +89,20 @@ export class UserPanel extends React.PureComponent {
);
}
}
function mapStateToProps(state) {
const { user: { user } } = state;
return { user };
}
const mapDispatchToProps = dispatch => bindActionCreators({
setUser,
userLogout,
}, dispatch);
export const UserPanel = connect(
mapStateToProps,
mapDispatchToProps
)(Component);