editor - viewer buttons

src/components/panels/UserPanel.jsx

@@ -56,7 +56,7 @@ export class UserPanel extends React.PureComponent {
 
   render() {
     const {
-      props: { user, userLogout },
+      props: { user, userLogout, editor, editing },
       state: { menuOpened },
     } = this;
 
@@ -74,6 +74,26 @@ export class UserPanel extends React.PureComponent {
               <UserMenu user={user} userLogout={userLogout} />
             }
           </div>
+
+          <div className="control-sep" />
+
+          <div className="control-bar">
+            {
+              editing
+              ?
+                <button>
+                  <span>
+                    РЕДАКТОР
+                  </span>
+                </button>
+              : <button>
+                  <span>
+                    ПРОСМОТР
+                  </span>
+                </button>
+            }
+
+          </div>
         </div>
       </div>
     );