run prettier on all files

the-road-to-react-with-firebase · rwieruch · Dec 12, 2018 · Dec 12, 2018 · Dec 12, 2018 · Dec 12, 2018
commit 3893f386849bebe4f5045793c844f79bf7c9e0d8
diff --git a/src/components/Account/index.js b/src/components/Account/index.js
@@ -10,7 +10,14 @@ import { withFirebase } from '../Firebase';
 import { PasswordForgetForm } from '../PasswordForget';
 import PasswordChangeForm from '../PasswordChange';
 
-import {Grid, Card, Header, Message, Form, Button } from 'semantic-ui-react'
+import {
+  Grid,
+  Card,
+  Header,
+  Message,
+  Form,
+  Button,
+} from 'semantic-ui-react';
 
 const SIGN_IN_METHODS = [
   {
@@ -35,7 +42,7 @@ const AccountPage = () => (
   <AuthUserContext.Consumer>
     {authUser => (
       <div>
-        <Header as='h2'>Account: {authUser.email}</Header>
+        <Header as="h2">Account: {authUser.email}</Header>
         <Grid columns={2}>
           <Grid.Column>
             <Card fluid={true}>
@@ -121,9 +128,11 @@ class LoginManagementBase extends Component {
         <Card.Content>
           <Card.Header>Sign In Methods</Card.Header>
           <Card.Description>
-            {error && <Message negative>
-              <p>{error.message}</p>
-            </Message>}
+            {error && (
+              <Message negative>
+                <p>{error.message}</p>
+              </Message>
+            )}
             <div>
               {SIGN_IN_METHODS.map(signInMethod => {
                 const onlyOneLeft = activeSignInMethods.length === 1;
@@ -175,7 +184,15 @@ const SocialLoginToggle = ({
 }) =>
   isEnabled ? (
     <Button
-      color={signInMethod.id === 'google.com' ? 'google plus' : signInMethod.id === 'facebook.com' ? 'facebook' : signInMethod.id === 'twitter.com' ? 'twitter' : ''}
+      color={
+        signInMethod.id === 'google.com'
+          ? 'google plus'
+          : signInMethod.id === 'facebook.com'
+          ? 'facebook'
+          : signInMethod.id === 'twitter.com'
+          ? 'twitter'
+          : ''
+      }
       type="button"
       onClick={() => onUnlink(signInMethod.id)}
       disabled={onlyOneLeft}
@@ -184,7 +201,15 @@ const SocialLoginToggle = ({
     </Button>
   ) : (
     <Button
-      color={signInMethod.id === 'google.com' ? 'google plus' : signInMethod.id === 'facebook.com' ? 'facebook' : signInMethod.id === 'twitter.com' ? 'twitter' : ''}
+      color={
+        signInMethod.id === 'google.com'
+          ? 'google plus'
+          : signInMethod.id === 'facebook.com'
+          ? 'facebook'
+          : signInMethod.id === 'twitter.com'
+          ? 'twitter'
+          : ''
+      }
       type="button"
       onClick={() => onLink(signInMethod.provider)}
     >
@@ -225,14 +250,18 @@ class DefaultLoginToggle extends Component {
 
     return isEnabled ? (
       <span>
-        <Button type="button" onClick={() => onUnlink(signInMethod.id)} disabled={onlyOneLeft}>
+        <Button
+          type="button"
+          onClick={() => onUnlink(signInMethod.id)}
+          disabled={onlyOneLeft}
+        >
           Deactivate {signInMethod.id}
         </Button>
         <br />
       </span>
     ) : (
       <Form onSubmit={this.onSubmit}>
-        <Form.Group widths='equal'>
+        <Form.Group widths="equal">
           <Form.Field>
             <label>New Password</label>
             <input

diff --git a/src/components/Admin/index.js b/src/components/Admin/index.js
@@ -11,7 +11,7 @@ import { Header } from 'semantic-ui-react';
 
 const AdminPage = () => (
   <div>
-    <Header as='h2'>Admin</Header>
+    <Header as="h2">Admin</Header>
     <p>The Admin Page is accessible by every signed in admin user.</p>
 
     <Switch>

diff --git a/src/components/App/index.js b/src/components/App/index.js
@@ -13,24 +13,23 @@ import AdminPage from '../Admin';
 import * as ROUTES from '../../constants/routes';
 import { withAuthentication } from '../Session';
 
-import { Container } from 'semantic-ui-react'
+import { Container } from 'semantic-ui-react';
 
 const App = () => (
   <Router>
     <div>
       <Navigation />
       <Container>
-
-      <Route exact path={ROUTES.LANDING} component={LandingPage} />
-      <Route path={ROUTES.SIGN_UP} component={SignUpPage} />
-      <Route path={ROUTES.SIGN_IN} component={SignInPage} />
-      <Route
-        path={ROUTES.PASSWORD_FORGET}
-        component={PasswordForgetPage}
-      />
-      <Route path={ROUTES.HOME} component={HomePage} />
-      <Route path={ROUTES.ACCOUNT} component={AccountPage} />
-      <Route path={ROUTES.ADMIN} component={AdminPage} />
+        <Route exact path={ROUTES.LANDING} component={LandingPage} />
+        <Route path={ROUTES.SIGN_UP} component={SignUpPage} />
+        <Route path={ROUTES.SIGN_IN} component={SignInPage} />
+        <Route
+          path={ROUTES.PASSWORD_FORGET}
+          component={PasswordForgetPage}
+        />
+        <Route path={ROUTES.HOME} component={HomePage} />
+        <Route path={ROUTES.ACCOUNT} component={AccountPage} />
+        <Route path={ROUTES.ADMIN} component={AdminPage} />
       </Container>
     </div>
   </Router>

diff --git a/src/components/Messages/MessageList.js b/src/components/Messages/MessageList.js
@@ -2,7 +2,7 @@ import React from 'react';
 
 import MessageItem from './MessageItem';
 
-import { Feed } from 'semantic-ui-react'
+import { Feed } from 'semantic-ui-react';
 
 const MessageList = ({
   messages,

diff --git a/src/components/Navigation/index.js b/src/components/Navigation/index.js
@@ -6,7 +6,7 @@ import SignOutButton from '../SignOut';
 import * as ROUTES from '../../constants/routes';
 import * as ROLES from '../../constants/roles';
 
-import { Container, Menu } from 'semantic-ui-react'
+import { Container, Menu } from 'semantic-ui-react';
 
 const Navigation = () => (
   <AuthUserContext.Consumer>
@@ -23,27 +23,11 @@ const Navigation = () => (
 const NavigationAuth = ({ authUser }) => (
   <Menu pointing secondary>
     <Container>
-      <Menu.Item
-        name='Landing'
-        as={Link}
-        to={ROUTES.LANDING}
-      />
-      <Menu.Item
-        name='home'
-        as={Link}
-        to={ROUTES.HOME}
-      />
-      <Menu.Item
-        name='Account'
-        as={Link}
-        to={ROUTES.ACCOUNT}
-      />
+      <Menu.Item name="Landing" as={Link} to={ROUTES.LANDING} />
+      <Menu.Item name="home" as={Link} to={ROUTES.HOME} />
+      <Menu.Item name="Account" as={Link} to={ROUTES.ACCOUNT} />
       {authUser.roles.includes(ROLES.ADMIN) && (
-        <Menu.Item
-          name='Admin'
-          as={Link}
-          to={ROUTES.ADMIN}
-        />
+        <Menu.Item name="Admin" as={Link} to={ROUTES.ADMIN} />
       )}
       <SignOutButton />
     </Container>
@@ -53,17 +37,9 @@ const NavigationAuth = ({ authUser }) => (
 const NavigationNonAuth = () => (
   <Menu pointing secondary>
     <Container>
-      <Menu.Item
-        name='home'
-        as={Link}
-        to={ROUTES.LANDING}
-      />
-      <Menu.Menu position='right'>
-        <Menu.Item
-          name='signin'
-          as={Link}
-          to={ROUTES.SIGN_IN}
-        />
+      <Menu.Item name="home" as={Link} to={ROUTES.LANDING} />
+      <Menu.Menu position="right">
+        <Menu.Item name="signin" as={Link} to={ROUTES.SIGN_IN} />
       </Menu.Menu>
     </Container>
   </Menu>

diff --git a/src/components/PasswordChange/index.js b/src/components/PasswordChange/index.js
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 
 import { withFirebase } from '../Firebase';
 
-import { Form, Message, Button } from 'semantic-ui-react'
+import { Form, Message, Button } from 'semantic-ui-react';
 
 const INITIAL_STATE = {
   passwordOne: '',
@@ -44,10 +44,12 @@ class PasswordChangeForm extends Component {
 
     return (
       <Form onSubmit={this.onSubmit}>
-        {error && <Message negative>
-          <p>{error.message}</p>
-        </Message>}
-        <Form.Group widths='equal'>
+        {error && (
+          <Message negative>
+            <p>{error.message}</p>
+          </Message>
+        )}
+        <Form.Group widths="equal">
           <Form.Field>
             <label>Old Password</label>
             <input

diff --git a/src/components/PasswordForget/index.js b/src/components/PasswordForget/index.js
@@ -4,12 +4,20 @@ import { Link } from 'react-router-dom';
 import { withFirebase } from '../Firebase';
 import * as ROUTES from '../../constants/routes';
 
-import {Grid, Form, Header, Button, Message} from 'semantic-ui-react'
+import {
+  Grid,
+  Form,
+  Header,
+  Button,
+  Message,
+} from 'semantic-ui-react';
 
 const PasswordForgetPage = () => (
   <Grid centered columns={2}>
     <Grid.Column>
-      <Header as='h2' textAlign='center'>Password Forget</Header>
+      <Header as="h2" textAlign="center">
+        Password Forget
+      </Header>
       <PasswordForgetForm />
     </Grid.Column>
   </Grid>
@@ -53,9 +61,11 @@ class PasswordForgetFormBase extends Component {
 
     return (
       <div>
-        {error && <Message negative>
-          <p>{error.message}</p>
-        </Message>}
+        {error && (
+          <Message negative>
+            <p>{error.message}</p>
+          </Message>
+        )}
         <Form onSubmit={this.onSubmit}>
           <Form.Field>
             <label>Email</label>

diff --git a/src/components/SignIn/index.js b/src/components/SignIn/index.js
@@ -7,12 +7,22 @@ import { PasswordForgetLink } from '../PasswordForget';
 import { withFirebase } from '../Firebase';
 import * as ROUTES from '../../constants/routes';
 
-import { Grid, Form, Button, Header, Icon, Message, Divider } from 'semantic-ui-react';
+import {
+  Grid,
+  Form,
+  Button,
+  Header,
+  Icon,
+  Message,
+  Divider,
+} from 'semantic-ui-react';
 
 const SignInPage = () => (
   <Grid centered columns={2}>
     <Grid.Column>
-      <Header as='h2' textAlign='center'>Sign In</Header>
+      <Header as="h2" textAlign="center">
+        Sign In
+      </Header>
       <SignInForm />
       <SignInGoogle />
       <SignInFacebook />
@@ -72,9 +82,11 @@ class SignInFormBase extends Component {
 
     return (
       <div>
-        {error && <Message negative>
-          <p>{error.message}</p>
-        </Message>}
+        {error && (
+          <Message negative>
+            <p>{error.message}</p>
+          </Message>
+        )}
         <Form onSubmit={this.onSubmit}>
           <Form.Field>
             <label>Email</label>
@@ -96,7 +108,9 @@ class SignInFormBase extends Component {
               placeholder="Password"
             />
           </Form.Field>
-          <Button primary disabled={isInvalid} type='submit'>Submit</Button>
+          <Button primary disabled={isInvalid} type="submit">
+            Submit
+          </Button>
           <PasswordForgetLink />
           <Divider horizontal>Or sign in with</Divider>
         </Form>
@@ -142,14 +156,16 @@ class SignInGoogleBase extends Component {
     const { error } = this.state;
 
     return (
-      <form onSubmit={this.onSubmit} className='inline'>
-        <Button color='google plus' type="submit">
-          <Icon name='google' /> Google
+      <form onSubmit={this.onSubmit} className="inline">
+        <Button color="google plus" type="submit">
+          <Icon name="google" /> Google
         </Button>
 
-        {error && <Message negative>
-          <p>{error.message}</p>
-        </Message>}
+        {error && (
+          <Message negative>
+            <p>{error.message}</p>
+          </Message>
+        )}
       </form>
     );
   }
@@ -192,14 +208,16 @@ class SignInFacebookBase extends Component {
     const { error } = this.state;
 
     return (
-      <form onSubmit={this.onSubmit} className='inline'>
-        <Button color='facebook' type="submit">
-          <Icon name='facebook' /> Facebook
+      <form onSubmit={this.onSubmit} className="inline">
+        <Button color="facebook" type="submit">
+          <Icon name="facebook" /> Facebook
         </Button>
 
-        {error && <Message negative>
-          <p>{error.message}</p>
-        </Message>}
+        {error && (
+          <Message negative>
+            <p>{error.message}</p>
+          </Message>
+        )}
       </form>
     );
   }
@@ -242,14 +260,16 @@ class SignInTwitterBase extends Component {
     const { error } = this.state;
 
     return (
-      <form onSubmit={this.onSubmit} className='inline'>
-        <Button color='twitter' type="submit">
-          <Icon name='twitter' /> Twitter
+      <form onSubmit={this.onSubmit} className="inline">
+        <Button color="twitter" type="submit">
+          <Icon name="twitter" /> Twitter
         </Button>
 
-        {error && <Message negative>
-          <p>{error.message}</p>
-        </Message>}
+        {error && (
+          <Message negative>
+            <p>{error.message}</p>
+          </Message>
+        )}
       </form>
     );
   }