muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 21:06:42 +07:00
Code Packages Activity Actions

logging in via social networks

Browse source
This commit is contained in:
Fedor Katurov 2019-11-03 18:17:56 +07:00
parent 3983b69c73
commit b28717d6a2
8 changed files with 96 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/main/Header/index.tsx
View file

@ -28,9 +28,6 @@ type IProps = ReturnType<typeof mapStateToProps> & typeof mapDispatchToProps & {
const HeaderUnconnected: FC<IProps> = memo(({ user: { username, is_user, photo }, showDialog }) => {
const onLogin = useCallback(() => showDialog(DIALOGS.LOGIN), [showDialog]);
const onSocialLogin = useCallback(() => {
window.open(API.USER.VKONTAKTE_LOGIN, '', 'width=600,height=400');
}, []);
return (
<div className={style.container}>
@ -40,7 +37,6 @@ const HeaderUnconnected: FC<IProps> = memo(({ user: { username, is_user, photo }
<div className={style.plugs}>
<Link to="/">flow</Link>
<a onClick={onSocialLogin}>SOCIAL</a>
</div>
{is_user && (

5
src/components/main/Header/style.scss
View file

@ -70,11 +70,16 @@
flex: 0 !important;
cursor: pointer;
margin-left: $gap;
white-space: nowrap;
box-shadow: inset transparentize($content_bg, 0.8) 0 0 0 1px;
background: transparentize($content_bg, 0.1);
padding: 0 0 0 $gap;
}
.user_avatar {
@include outer_shadow();
flex: 0 0 32px;
width: 32px;
height: 32px;
background: white;