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

fixed logo & provider dialogs

Browse source
This commit is contained in:
muerwre 2019-02-12 09:36:57 +07:00
parent 46a9f9daba
commit 71b6fe3a59
2 changed files with 26 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/dialogs/LogoDialog.jsx
View file

@ -18,7 +18,7 @@ export const LogoDialog = ({ logo, setLogo }: Props) => (
Object.keys(LOGOS).map(item => ( Object.keys(LOGOS).map(item => (
<div <div
className={classnames('helper-menu-item', { active: (item === logo) })} className={classnames('helper-menu-item', { active: (item === logo) })}
onClick={() => setLogo(item)} onMouseDown={() => setLogo(item)}
key={item} key={item}
> >
{LOGOS[item][0]} {LOGOS[item][0]}

16
src/components/dialogs/ProviderDialog.jsx
View file

@ -2,21 +2,13 @@ import React from 'react';
import { PROVIDERS, replaceProviderUrl } from '$constants/providers'; import { PROVIDERS, replaceProviderUrl } from '$constants/providers';
import { Icon } from '$components/panels/Icon'; import { Icon } from '$components/panels/Icon';
import classnames from 'classnames'; import classnames from 'classnames';
import { MODES } from '$constants/modes';
type Props = { type Props = {
changeProvider: Function, changeProvider: Function,
setMode: Function,
provider: String, provider: String,
}; };
export class ProviderDialog extends React.Component<Props, void> { export const ProviderDialog = ({ provider, changeProvider }: Props) => (
closeDialog = () => this.props.setMode(MODES.NONE);
render() {
const { provider, changeProvider } = this.props;
return (
<div className="control-dialog top right control-dialog-provider"> <div className="control-dialog top right control-dialog-provider">
<div className="helper provider-helper"> <div className="helper provider-helper">
{ {
@ -26,7 +18,7 @@ export class ProviderDialog extends React.Component<Props, void> {
style={{ style={{
backgroundImage: `url(${replaceProviderUrl(item, { x: 5980, y: 2589, zoom: 13 })})`, backgroundImage: `url(${replaceProviderUrl(item, { x: 5980, y: 2589, zoom: 13 })})`,
}} }}
onClick={() => changeProvider(item)} onMouseDown={() => changeProvider(item)}
key={PROVIDERS[item].name} key={PROVIDERS[item].name}
> >
{ {
@ -40,6 +32,4 @@ export class ProviderDialog extends React.Component<Props, void> {
} }
</div> </div>
</div> </div>
); );
}
}