@@ -7,12 +7,22 @@ import { PasswordForgetLink } from '../PasswordForget';
7
7
import { withFirebase } from '../Firebase' ;
8
8
import * as ROUTES from '../../constants/routes' ;
9
9
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' ;
11
19
12
20
const SignInPage = ( ) => (
13
21
< Grid centered columns = { 2 } >
14
22
< Grid . Column >
15
- < Header as = 'h2' textAlign = 'center' > Sign In</ Header >
23
+ < Header as = "h2" textAlign = "center" >
24
+ Sign In
25
+ </ Header >
16
26
< SignInForm />
17
27
< SignInGoogle />
18
28
< SignInFacebook />
@@ -72,9 +82,11 @@ class SignInFormBase extends Component {
72
82
73
83
return (
74
84
< 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
+ ) }
78
90
< Form onSubmit = { this . onSubmit } >
79
91
< Form . Field >
80
92
< label > Email</ label >
@@ -96,7 +108,9 @@ class SignInFormBase extends Component {
96
108
placeholder = "Password"
97
109
/>
98
110
</ Form . Field >
99
- < Button primary disabled = { isInvalid } type = 'submit' > Submit</ Button >
111
+ < Button primary disabled = { isInvalid } type = "submit" >
112
+ Submit
113
+ </ Button >
100
114
< PasswordForgetLink />
101
115
< Divider horizontal > Or sign in with</ Divider >
102
116
</ Form >
@@ -142,14 +156,16 @@ class SignInGoogleBase extends Component {
142
156
const { error } = this . state ;
143
157
144
158
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
148
162
</ Button >
149
163
150
- { error && < Message negative >
151
- < p > { error . message } </ p >
152
- </ Message > }
164
+ { error && (
165
+ < Message negative >
166
+ < p > { error . message } </ p >
167
+ </ Message >
168
+ ) }
153
169
</ form >
154
170
) ;
155
171
}
@@ -192,14 +208,16 @@ class SignInFacebookBase extends Component {
192
208
const { error } = this . state ;
193
209
194
210
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
198
214
</ Button >
199
215
200
- { error && < Message negative >
201
- < p > { error . message } </ p >
202
- </ Message > }
216
+ { error && (
217
+ < Message negative >
218
+ < p > { error . message } </ p >
219
+ </ Message >
220
+ ) }
203
221
</ form >
204
222
) ;
205
223
}
@@ -242,14 +260,16 @@ class SignInTwitterBase extends Component {
242
260
const { error } = this . state ;
243
261
244
262
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
248
266
</ Button >
249
267
250
- { error && < Message negative >
251
- < p > { error . message } </ p >
252
- </ Message > }
268
+ { error && (
269
+ < Message negative >
270
+ < p > { error . message } </ p >
271
+ </ Message >
272
+ ) }
253
273
</ form >
254
274
) ;
255
275
}
0 commit comments