dialogs: now in separated windows

This commit is contained in:
muerwre 2018-12-07 17:47:00 +07:00
parent 65e549a5af
commit 789a38a1d0
5 changed files with 17 additions and 10 deletions

View file

@ -12,8 +12,10 @@ export const AppInfoDialog = () => (
<div className="small gray"> <div className="small gray">
версия{' '} версия{' '}
{(APP_INFO.VERSION || 1)}. {(APP_INFO.VERSION || 1)}.
{(APP_INFO.CHANGELOG[APP_INFO.VERSION].length || 0)} {(APP_INFO.CHANGELOG[APP_INFO.VERSION].length || 0)}.
{(APP_INFO.CHANGELOG[APP_INFO.VERSION][APP_INFO.CHANGELOG[APP_INFO.VERSION].length - 1].length - 1 || 0)}
</div> </div>
<hr />
<div className="small app-info-list"> <div className="small app-info-list">
<div> <div>
Исходный код:{' '} Исходный код:{' '}
@ -50,7 +52,7 @@ export const AppInfoDialog = () => (
<div className="app-info-release" key={release}> <div className="app-info-release" key={release}>
<div className="app-info-number">{APP_INFO.CHANGELOG[version].length - y}.</div> <div className="app-info-number">{APP_INFO.CHANGELOG[version].length - y}.</div>
<div className="app-info-build"> <div className="app-info-build">
{ {
APP_INFO.CHANGELOG[version][y].map((build, z) => ( APP_INFO.CHANGELOG[version][y].map((build, z) => (
<div className="app-info-change" key={build}> <div className="app-info-change" key={build}>
<div className="app-info-number">{(z)}.</div> <div className="app-info-number">{(z)}.</div>

View file

@ -19,9 +19,6 @@ export const UserMenu = ({ userLogout, openAppInfoDialog }: Props) => (
<div className="user-panel-item" onClick={openAppInfoDialog}> <div className="user-panel-item" onClick={openAppInfoDialog}>
О редакторе карт О редакторе карт
</div> </div>
<a className="user-panel-item" href="https://github.com/muerwre/orchidMap" target="_blank" rel="noopener noreferrer">
Проект на github
</a>
<div className="user-panel-item" onClick={userLogout}> <div className="user-panel-item" onClick={userLogout}>
Выйти Выйти
</div> </div>

View file

@ -16,7 +16,9 @@ const LEFT_DIALOGS = {
}; };
export const LeftDialog = ({ dialog, dialog_active }: Props) => ( export const LeftDialog = ({ dialog, dialog_active }: Props) => (
<div className={classnames('dialog', { active: dialog_active })}> Object.keys(LEFT_DIALOGS).map(item => (
{ dialog && LEFT_DIALOGS[dialog] && React.createElement(LEFT_DIALOGS[dialog]) } <div className={classnames('dialog', { active: dialog_active && (dialog === item) })} key={item}>
</div> { dialog && LEFT_DIALOGS[item] && React.createElement(LEFT_DIALOGS[item]) }
</div>
))
); );

View file

@ -192,9 +192,9 @@
} }
.app-info-list { .app-info-list {
padding: 10px 0; padding: 5px 0;
div { div {
padding: 2.5px 0; padding: 5px 0;
} }
} }

View file

@ -126,3 +126,9 @@ h2 {
text-transform: uppercase; text-transform: uppercase;
margin: 10px 0; margin: 10px 0;
} }
hr {
border: none;
height: 2px;
background: rgba(0, 0, 0, 0.3);
}