dialogs: now in separated windows

src/components/dialogs/AppInfoDialog.jsx

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

src/components/user/UserMenu.jsx

@@ -19,9 +19,6 @@ export const UserMenu = ({ userLogout, openAppInfoDialog }: Props) => (
     <div className="user-panel-item" onClick={openAppInfoDialog}>
       О редакторе карт
     </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>

src/containers/LeftDialog.jsx

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

src/styles/dialogs.less

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

src/styles/main.less

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