IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web: components: PeopleLayout optimization

Browse Source
This commit is contained in:
Alexey Safronov 2019-08-01 21:39:14 +03:00
parent 1cfc09dad9
commit b253a1156f
1 changed files with 41 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
products/ASC.People/Client/src/components/Layout.js
View File

@ -6,34 +6,49 @@ import { Layout } from 'asc-web-components';
import { logout } from '../store/auth/actions';
import { getAvailableModules } from '../store/auth/selectors';
const PeopleLayout = props => {
const { auth, logout, children, history, settings } = props;
const currentUserActions = [
{
key: 'ProfileBtn', label: 'Profile', onClick: () => {
console.log('ProfileBtn')
history.push(`${settings.homepage}/view/@self`);
}
},
{
key: 'AboutBtn', label: 'About', onClick: () => {
console.log('AboutBtn');
}
},
{
key: 'LogoutBtn', label: 'Log out', onClick: () => {
logout();
}
},
];
class PeopleLayout extends React.PureComponent {
onProfileClick = () => {
console.log('ProfileBtn');
const { history, settings } = this.props;
history.push(`${settings.homepage}/view/@self`);
}
const newProps = auth.isAuthenticated && auth.isLoaded
? { currentUserActions: currentUserActions,
onLogoClick: () => window.open("/", '_self'),
...props }
: {};
onAboutClick = () => {
console.log('About clicked');
}
return (<Layout key="1" {...newProps}>{children}</Layout>);
onLogoutClick = () => {
this.props.logout();
}
onLogoClick = () => window.open("/", '_self');
render() {
const { auth, children } = this.props;
const currentUserActions = [
{
key: 'ProfileBtn', label: 'Profile', onClick: this.onProfileClick
},
{
key: 'AboutBtn', label: 'About', onClick: this.onAboutClick
},
{
key: 'LogoutBtn', label: 'Log out', onClick: this.onLogoutClick
},
];
const newProps = auth.isAuthenticated && auth.isLoaded
? {
currentUserActions: currentUserActions,
onLogoClick: this.onLogoClick,
...this.props
}
: {};
console.log("PeopleLayout render");
return (<Layout key="1" {...newProps}>{children}</Layout>);
}
};
PeopleLayout.propTypes = {