migrate GitLab backend

This commit is contained in:
Shawn Erquhart
2018-07-23 12:14:53 -04:00
parent 33f490055d
commit faab1e38ba
18 changed files with 149 additions and 73 deletions

View File

@ -0,0 +1,43 @@
import React from 'react';
import PropTypes from 'prop-types';
import styled from 'react-emotion';
import Icon from './Icon';
import { buttons, shadows } from './styles';
const StyledAuthenticationPage = styled.section`
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
height: 100vh;
`
const PageLogoIcon = styled(Icon)`
color: #c4c6d2;
margin-top: -300px;
`
const LoginButton = styled.button`
${buttons.button};
${shadows.dropDeep};
${buttons.default};
${buttons.gray};
padding: 0 12px;
margin-top: -40px;
display: flex;
align-items: center;
position: relative;
`
const AuthenticationPage = ({ onLogin, loginDisabled, loginErrorMessage, renderButtonContent }) => (
<StyledAuthenticationPage>
<PageLogoIcon size="300px" type="netlify-cms"/>
{loginErrorMessage ? <p>{loginErrorMessage}</p> : null}
<LoginButton disabled={loginDisabled} onClick={onLogin}>
{renderButtonContent()}
</LoginButton>
</StyledAuthenticationPage>
);
export default AuthenticationPage;

View File

@ -3,6 +3,7 @@ export Icon from './Icon';
export ListItemTopBar from './ListItemTopBar';
export Loader from './Loader';
export Toggle from './Toggle';
export AuthenticationPage from './AuthenticationPage';
export {
fonts,
colorsRaw,