38 lines
1017 B
JavaScript
38 lines
1017 B
JavaScript
import React, { PropTypes } from 'react';
|
|
import withStyles from 'isomorphic-style-loader/lib/withStyles';
|
|
import s from './Login.css';
|
|
|
|
class Login extends React.Component {
|
|
static propTypes = {
|
|
title: PropTypes.string.isRequired,
|
|
};
|
|
|
|
render() {
|
|
return (
|
|
<div className={s.root}>
|
|
<div className={s.container}>
|
|
<h1>{this.props.title}</h1>
|
|
<div className={s.formGroup}>
|
|
<a className={s.facebook} href="/login/facebook">
|
|
<svg
|
|
className={s.icon}
|
|
width="30"
|
|
height="30"
|
|
viewBox="0 0 30 30"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M22 16l1-5h-5V7c0-1.544.784-2 3-2h2V0h-4c-4.072 0-7 2.435-7 7v4H7v5h5v14h6V16h4z"
|
|
/>
|
|
</svg>
|
|
<span>Log in with Facebook</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default withStyles(s)(Login);
|