mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 04:46:40 +07:00
refactored login dialog
This commit is contained in:
parent
16700432d2
commit
20f49a52b5
6 changed files with 71 additions and 63 deletions
29
src/containers/dialogs/LoginDialogButtons/index.tsx
Normal file
29
src/containers/dialogs/LoginDialogButtons/index.tsx
Normal file
|
@ -0,0 +1,29 @@
|
|||
import React, { FC, MouseEventHandler } from 'react';
|
||||
import { Button } from '~/components/input/Button';
|
||||
import { Grid } from '~/components/containers/Grid';
|
||||
import { Group } from '~/components/containers/Group';
|
||||
import styles from './styles.scss';
|
||||
|
||||
interface IProps {
|
||||
openOauthWindow: (provider: string) => MouseEventHandler;
|
||||
}
|
||||
|
||||
const LoginDialogButtons: FC<IProps> = ({ openOauthWindow }) => (
|
||||
<Group className={styles.footer}>
|
||||
<Button>
|
||||
<span>Войти</span>
|
||||
</Button>
|
||||
|
||||
<Grid columns="repeat(2, 1fr)">
|
||||
<Button color="outline" iconLeft="google" type="button" onClick={openOauthWindow('google')}>
|
||||
<span>Google</span>
|
||||
</Button>
|
||||
|
||||
<Button color="outline" iconLeft="vk" type="button" onClick={openOauthWindow('vkontakte')}>
|
||||
<span>Вконтакте</span>
|
||||
</Button>
|
||||
</Grid>
|
||||
</Group>
|
||||
);
|
||||
|
||||
export { LoginDialogButtons };
|
Loading…
Add table
Add a link
Reference in a new issue