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

panels: fixed them

Browse source
This commit is contained in:
muerwre 2018-12-07 14:32:35 +07:00
parent d248b679ed
commit b8ba50517b
13 changed files with 171 additions and 182 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/components/panels/EditorDialog.jsx
View file

@ -34,42 +34,24 @@ type Props = {
width: Number,
}
const DIALOG_CONTENTS = {
[MODES.ROUTER]: RouterDialog,
[MODES.STICKERS]: StickersDialog,
[MODES.TRASH]: TrashDialog,
[MODES.LOGO]: LogoDialog,
[MODES.SAVE]: SaveDialog,
[MODES.CONFIRM_CANCEL]: CancelDialog,
[MODES.PROVIDER]: ProviderDialog,
};
export const Component = (props: Props) => {
const {
mode, activeSticker, width
mode
} = props;
const showDialog = (
mode === MODES.ROUTER
|| (mode === MODES.STICKERS && !activeSticker.set)
|| mode === MODES.TRASH
|| mode === MODES.LOGO
|| mode === MODES.SAVE
|| mode === MODES.CONFIRM_CANCEL
|| mode === MODES.PROVIDER
);
const dialogIsSmall = (
mode === MODES.LOGO
);
return (
showDialog &&
<div
id="control-dialog"
style={{
width: dialogIsSmall ? 201 : width,
right: dialogIsSmall ? 217 : 10,
}}
>
{ mode === MODES.ROUTER && <RouterDialog {...props} /> }
{ mode === MODES.STICKERS && <StickersDialog {...props} /> }
{ mode === MODES.TRASH && <TrashDialog {...props} /> }
{ mode === MODES.LOGO && <LogoDialog {...props} /> }
{ mode === MODES.SAVE && <SaveDialog {...props} /> }
{ mode === MODES.CONFIRM_CANCEL && <CancelDialog {...props} /> }
{ mode === MODES.PROVIDER && <ProviderDialog {...props} /> }
</div>
(mode && DIALOG_CONTENTS[mode] && React.createElement(DIALOG_CONTENTS[mode], { ...props }))
|| <div>null</div>
);
};

27
src/components/panels/EditorPanel.jsx
View file

@ -75,16 +75,16 @@ class Component extends React.PureComponent<Props, void> {
</div>
<div className="status-panel top right">
<div className="status-bar pointer top-control padded">
<div className="status-bar pointer top-control padded" onClick={this.startProviderMode}>
<Icon icon="icon-map-1" size={24} />
<div className="status-bar-sep" />
{(provider && PROVIDERS[provider] && PROVIDERS[provider].name) || '...'}
<span>{(provider && PROVIDERS[provider] && PROVIDERS[provider].name) || '...'}</span>
</div>
<div className="status-bar pointer top-control padded">
<div className="status-bar pointer top-control padded" onClick={this.startLogoMode}>
<Icon icon="icon-logo-3" size={24} />
<div className="status-bar-sep" />
{(logo && LOGOS[logo] && LOGOS[logo][0]) || '...'}
<span>{(logo && LOGOS[logo] && LOGOS[logo][0]) || '...'}</span>
</div>
</div>
@ -122,24 +122,10 @@ class Component extends React.PureComponent<Props, void> {
</button>
<button
className={classnames({ active: mode === MODES.TRASH })}
className={classnames({ active: false })}
onClick={this.props.takeAShot}
>
<Icon icon="icon-shot-3" />
</button>
<button
className={classnames({ active: mode === MODES.PROVIDER })}
onClick={this.startProviderMode}
>
<Icon icon="icon-map-1" />
</button>
<button
className={classnames({ active: mode === MODES.LOGO })}
onClick={this.startLogoMode}
>
<Icon icon="icon-logo-3" />
<Icon icon="icon-shot-2" />
</button>
</div>
@ -157,7 +143,6 @@ class Component extends React.PureComponent<Props, void> {
className={classnames({ primary: changed, disabled: !changed })}
onClick={this.startSaveMode}
>
<span>СХОРОНИТЬ</span>
<Icon icon="icon-check-1" />
</button>
</div>