muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-26 11:36:40 +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

47
src/components/logo/LogoDialog.jsx
View file

@ -3,29 +3,26 @@ import { LOGOS } from '$constants/logos';
import { Icon } from '$components/panels/Icon';
import classnames from 'classnames';
export class LogoDialog extends React.Component {
changeLogo = logo => {
this.props.editor.changeLogo(logo);
};
render() {
return (
<div className="helper logo-helper">
<div className="helper-back">
<Icon icon="icon-logo" size={200} />
</div>
{
Object.keys(LOGOS).map(logo => (
<div
className={classnames('helper-menu-item', { active: (logo === this.props.logo) })}
onClick={() => this.changeLogo(logo)}
key={logo}
>
{LOGOS[logo][0]}
</div>
))
}
</div>
);
}
type Props = {
logo: String,
setLogo: Function,
}
export const LogoDialog = ({ logo, setLogo }: Props) => (
<div className="helper logo-helper">
<div className="helper-back">
<Icon icon="icon-logo" size={200} />
</div>
{
Object.keys(LOGOS).map(item => (
<div
className={classnames('helper-menu-item', { active: (item === logo) })}
onClick={() => setLogo(item)}
key={item}
>
{LOGOS[item][0]}
</div>
))
}
</div>
);