@@ -7,12 +7,22 @@ import { PasswordForgetLink } from '../PasswordForget';
77import { withFirebase } from '../Firebase' ;
88import * as ROUTES from '../../constants/routes' ;
99
10- import { Grid , Form , Button , Header , Icon , Message , Divider } from 'semantic-ui-react' ;
10+ import {
11+ Grid ,
12+ Form ,
13+ Button ,
14+ Header ,
15+ Icon ,
16+ Message ,
17+ Divider ,
18+ } from 'semantic-ui-react' ;
1119
1220const SignInPage = ( ) => (
1321 < Grid centered columns = { 2 } >
1422 < Grid . Column >
15- < Header as = 'h2' textAlign = 'center' > Sign In</ Header >
23+ < Header as = "h2" textAlign = "center" >
24+ Sign In
25+ </ Header >
1626 < SignInForm />
1727 < SignInGoogle />
1828 < SignInFacebook />
@@ -72,9 +82,11 @@ class SignInFormBase extends Component {
7282
7383 return (
7484 < div >
75- { error && < Message negative >
76- < p > { error . message } </ p >
77- </ Message > }
85+ { error && (
86+ < Message negative >
87+ < p > { error . message } </ p >
88+ </ Message >
89+ ) }
7890 < Form onSubmit = { this . onSubmit } >
7991 < Form . Field >
8092 < label > Email</ label >
@@ -96,7 +108,9 @@ class SignInFormBase extends Component {
96108 placeholder = "Password"
97109 />
98110 </ Form . Field >
99- < Button primary disabled = { isInvalid } type = 'submit' > Submit</ Button >
111+ < Button primary disabled = { isInvalid } type = "submit" >
112+ Submit
113+ </ Button >
100114 < PasswordForgetLink />
101115 < Divider horizontal > Or sign in with</ Divider >
102116 </ Form >
@@ -142,14 +156,16 @@ class SignInGoogleBase extends Component {
142156 const { error } = this . state ;
143157
144158 return (
145- < form onSubmit = { this . onSubmit } className = ' inline' >
146- < Button color = ' google plus' type = "submit" >
147- < Icon name = ' google' /> Google
159+ < form onSubmit = { this . onSubmit } className = " inline" >
160+ < Button color = " google plus" type = "submit" >
161+ < Icon name = " google" /> Google
148162 </ Button >
149163
150- { error && < Message negative >
151- < p > { error . message } </ p >
152- </ Message > }
164+ { error && (
165+ < Message negative >
166+ < p > { error . message } </ p >
167+ </ Message >
168+ ) }
153169 </ form >
154170 ) ;
155171 }
@@ -192,14 +208,16 @@ class SignInFacebookBase extends Component {
192208 const { error } = this . state ;
193209
194210 return (
195- < form onSubmit = { this . onSubmit } className = ' inline' >
196- < Button color = ' facebook' type = "submit" >
197- < Icon name = ' facebook' /> Facebook
211+ < form onSubmit = { this . onSubmit } className = " inline" >
212+ < Button color = " facebook" type = "submit" >
213+ < Icon name = " facebook" /> Facebook
198214 </ Button >
199215
200- { error && < Message negative >
201- < p > { error . message } </ p >
202- </ Message > }
216+ { error && (
217+ < Message negative >
218+ < p > { error . message } </ p >
219+ </ Message >
220+ ) }
203221 </ form >
204222 ) ;
205223 }
@@ -242,14 +260,16 @@ class SignInTwitterBase extends Component {
242260 const { error } = this . state ;
243261
244262 return (
245- < form onSubmit = { this . onSubmit } className = ' inline' >
246- < Button color = ' twitter' type = "submit" >
247- < Icon name = ' twitter' /> Twitter
263+ < form onSubmit = { this . onSubmit } className = " inline" >
264+ < Button color = " twitter" type = "submit" >
265+ < Icon name = " twitter" /> Twitter
248266 </ Button >
249267
250- { error && < Message negative >
251- < p > { error . message } </ p >
252- </ Message > }
268+ { error && (
269+ < Message negative >
270+ < p > { error . message } </ p >
271+ </ Message >
272+ ) }
253273 </ form >
254274 ) ;
255275 }
0 commit comments