now user can login

src/components/user/GuestButton.jsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+export const GuestButton = ({ onClick }) => (
+  <div className="control-bar user-bar">
+    <button
+      onClick={onClick}
+    >
+      <span>ВОЙТИ</span>
+    </button>
+  </div>
+);

src/components/user/UserButton.jsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { UserPicture } from '$components/user/UserPicture';
+
+export const UserButton = ({
+   user: {
+     id,
+     userdata: {
+       name,
+       photo,
+     }
+   }
+}) => (
+  <div className="control-bar user-bar">
+    <div className="user-button">
+      <UserPicture photo={photo} />
+
+      <div className="user-button-fields">
+        <div className="user-button-name">{(name || id || '...')}</div>
+        <div className="user-button-text">{(id || 'пользователь')}</div>
+      </div>
+    </div>
+  </div>
+);

src/components/user/UserPicture.jsx

@@ -0,0 +1,10 @@
+import React from 'react';
+
+export const UserPicture = ({ photo }) => (
+  <div
+    className="user-button-picture"
+    style={{
+      backgroundImage: `url(${photo})`
+    }}
+  />
+);