From 689d1b4df09d4bbf56480b48f0d03094f5824ee3 Mon Sep 17 00:00:00 2001
From: Mitchell <mgerb42@gmail.com>
Date: Sat, 26 Aug 2017 21:23:05 -0500
Subject: [PATCH] formatting

---
 app/Wrapper.tsx                   | 35 ++++++++---------
 app/app.tsx                       |  3 +-
 app/components/Navbar/Navbar.scss | 57 ++++++++++++++--------------
 app/components/Navbar/Navbar.tsx  | 63 ++++++++++++++++++-------------
 app/pages/Home/Home.scss          |  4 +-
 app/pages/Home/Home.tsx           | 26 ++++---------
 app/pages/NotFound/NotFound.scss  |  8 ++--
 app/pages/NotFound/NotFound.tsx   | 26 ++++---------
 app/scss/style.scss               | 24 ++++++------
 app/scss/variables.scss           |  2 +-
 10 files changed, 115 insertions(+), 133 deletions(-)

diff --git a/app/Wrapper.tsx b/app/Wrapper.tsx
index d7221ae..53fc036 100644
--- a/app/Wrapper.tsx
+++ b/app/Wrapper.tsx
@@ -8,27 +8,22 @@ import NotFound from './pages/NotFound/NotFound';
 //styling
 import './scss/index.scss';
 
-interface Props {
-    
-}
+interface Props {}
 
-interface State {
-    
-}
+interface State {}
 
 export default class Wrapper extends React.Component<Props, State> {
-
-    render() {
-        return (
-            <BrowserRouter>
-                <div>
-                    <Navbar/>
-                    <Switch>
-                        <Route exact path="/" component={Home}/>
-                        <Route component={NotFound}/>
-                    </Switch>
-                </div>
-            </BrowserRouter>
-        );
-    }
+  render() {
+    return (
+      <BrowserRouter>
+        <div>
+          <Navbar />
+          <Switch>
+            <Route exact path="/" component={Home} />
+            <Route component={NotFound} />
+          </Switch>
+        </div>
+      </BrowserRouter>
+    );
+  }
 }
diff --git a/app/app.tsx b/app/app.tsx
index be95aa6..5bdcc4d 100644
--- a/app/app.tsx
+++ b/app/app.tsx
@@ -3,5 +3,4 @@ import ReactDOM from 'react-dom';
 
 import Wrapper from './Wrapper';
 
-ReactDOM.render( <Wrapper/>
-, document.getElementById('app'));
+ReactDOM.render(<Wrapper />, document.getElementById('app'));
diff --git a/app/components/Navbar/Navbar.scss b/app/components/Navbar/Navbar.scss
index 9698eac..de72e1e 100644
--- a/app/components/Navbar/Navbar.scss
+++ b/app/components/Navbar/Navbar.scss
@@ -1,42 +1,41 @@
 @import '../../scss/variables';
 
 .Navbar__nav {
-    height: 40px;
-    border-bottom: 1px solid $light3;
-    display: flex;
-    background-color: $light1;
+  height: 40px;
+  border-bottom: 1px solid $light3;
+  display: flex;
+  background-color: $light1;
 }
 
 .Navbar__header {
-    display: flex;
-    height: 50px;
-    align-items: center;
-    justify-content: space-between;
-    padding-left: 10px;
-    padding-right: 10px;
-    background-color: $dark2;
+  display: flex;
+  height: 50px;
+  align-items: center;
+  justify-content: space-between;
+  padding-left: 10px;
+  padding-right: 10px;
+  background-color: $dark2;
 }
 
 .Navbar__item {
-    color: $fontPrimary;
-    text-decoration: none;
-    width: 100px;
-    transition: all 0.1s linear;
-    text-align: center;
-    line-height: 40px;
-    
-    &:hover {
-        color: $fontSecondary;
-        border-bottom: 2px solid $primaryBlue; 
-    }
-    
-    & + .Navbar__item {
-        border-left: 1px solid $light3;
-    }
-    
+  color: $fontPrimary;
+  text-decoration: none;
+  width: 100px;
+  transition: all 0.1s linear;
+  text-align: center;
+  line-height: 40px;
+
+  &:hover {
+    color: $fontSecondary;
+    border-bottom: 2px solid $primaryBlue;
+  }
+
+  & + .Navbar__item {
+    border-left: 1px solid $light3;
+  }
 }
 
 .Navbar__item--active {
-    color: $fontSecondary;
-    border-bottom: 2px solid $primaryBlue;
+  color: $fontSecondary;
+  border-bottom: 2px solid $primaryBlue;
 }
diff --git a/app/components/Navbar/Navbar.tsx b/app/components/Navbar/Navbar.tsx
index 2d4a855..8f4d71e 100644
--- a/app/components/Navbar/Navbar.tsx
+++ b/app/components/Navbar/Navbar.tsx
@@ -3,36 +3,45 @@ import { NavLink } from 'react-router-dom';
 
 import './Navbar.scss';
 
-interface Props {
-    
-}
+interface Props {}
 
-interface State {
-    
-}
+interface State {}
 
 export default class Navbar extends React.Component<Props, State> {
+  constructor(props: Props) {
+    super(props);
+  }
 
-    constructor(props: Props) {
-        super(props);
-    }    
+  render() {
+    return (
+      <div className="Navbar">
+        <div className="Navbar__header">
+          <span>React Starter</span>
+          <a href="https://github.com/mgerb/react-webpack2-seed">
+            GitHub
+            <i className="fa fa-github" aria-hidden="true" />
+          </a>
+        </div>
 
-    render() {
-        return (
-            <div className="Navbar">
-                <div className="Navbar__header">
-                    <span>React Starter</span>
-                    <a href="https://github.com/mgerb/react-webpack2-seed">GitHub
-                        <i className="fa fa-github" aria-hidden="true"/>
-                    </a>
-                </div>
-                
-                <div className="Navbar__nav">
-                    <NavLink to="/" className="Navbar__item" exact activeClassName="Navbar__item--active">Home</NavLink>
-                    <NavLink to="/new" className="Navbar__item" exact activeClassName="Navbar__item--active">New</NavLink>
-                </div>
-            </div>
-        );
-    }
+        <div className="Navbar__nav">
+          <NavLink
+            to="/"
+            className="Navbar__item"
+            exact
+            activeClassName="Navbar__item--active"
+          >
+            Home
+          </NavLink>
+          <NavLink
+            to="/new"
+            className="Navbar__item"
+            exact
+            activeClassName="Navbar__item--active"
+          >
+            New
+          </NavLink>
+        </div>
+      </div>
+    );
+  }
 }
-
diff --git a/app/pages/Home/Home.scss b/app/pages/Home/Home.scss
index 3bb14c4..c6e73a8 100644
--- a/app/pages/Home/Home.scss
+++ b/app/pages/Home/Home.scss
@@ -1,3 +1,3 @@
 .Home {
-    padding: 10px;
-}
\ No newline at end of file
+  padding: 10px;
+}
diff --git a/app/pages/Home/Home.tsx b/app/pages/Home/Home.tsx
index 7fb4a6e..a2b1b85 100644
--- a/app/pages/Home/Home.tsx
+++ b/app/pages/Home/Home.tsx
@@ -3,26 +3,16 @@ import { RouteComponentProps } from 'react-router-dom';
 
 import './Home.scss';
 
-interface Props extends RouteComponentProps<any> {
+interface Props extends RouteComponentProps<any> {}
 
-}
-
-interface State {
-
-}
+interface State {}
 
 export default class Home extends React.Component<Props, State> {
+  constructor(props: Props) {
+    super(props);
+  }
 
-    constructor(props: Props){
-        super(props);
-    }
-
-    render() {
-        return (
-            <div className="Home">
-                test 123
-            </div>
-        );
-    }
+  render() {
+    return <div className="Home">test 123</div>;
+  }
 }
-
diff --git a/app/pages/NotFound/NotFound.scss b/app/pages/NotFound/NotFound.scss
index 6c4a78d..aaddd22 100644
--- a/app/pages/NotFound/NotFound.scss
+++ b/app/pages/NotFound/NotFound.scss
@@ -1,5 +1,5 @@
 .NotFound {
-    font-size: 20px;
-    text-align: center;
-    padding-top: 200px;
-}
\ No newline at end of file
+  font-size: 20px;
+  text-align: center;
+  padding-top: 200px;
+}
diff --git a/app/pages/NotFound/NotFound.tsx b/app/pages/NotFound/NotFound.tsx
index 0d4d650..55f8cdc 100644
--- a/app/pages/NotFound/NotFound.tsx
+++ b/app/pages/NotFound/NotFound.tsx
@@ -3,26 +3,16 @@ import { RouteComponentProps } from 'react-router-dom';
 
 import './NotFound.scss';
 
-interface Props extends RouteComponentProps<any> {
+interface Props extends RouteComponentProps<any> {}
 
-}
-
-
-interface State {
-
-}
+interface State {}
 
 export default class NotFound extends React.Component<Props, State> {
+  constructor(props: Props) {
+    super(props);
+  }
 
-    constructor(props: Props){
-        super(props);
-    }
-
-    render() {
-        return (
-            <div className="NotFound">
-                404 Not Found
-            </div>
-        );
-    }
+  render() {
+    return <div className="NotFound">404 Not Found</div>;
+  }
 }
diff --git a/app/scss/style.scss b/app/scss/style.scss
index c7b2638..c47c603 100644
--- a/app/scss/style.scss
+++ b/app/scss/style.scss
@@ -1,23 +1,23 @@
 html {
-    font-family: 'Roboto Condensed', sans-serif;
+  font-family: 'Roboto Condensed', sans-serif;
 }
 
 body {
-    color: $fontPrimary;
-    background-color: $light2;
+  color: $fontPrimary;
+  background-color: $light2;
 }
 
 .fa {
-    margin-right: 5px;
-    margin-left: 5px;
+  margin-right: 5px;
+  margin-left: 5px;
 }
 
 a {
-    text-decoration: none;
-    color: $fontPrimary;
-    transition: all 0.1s linear;
-    
-    &:hover {
-        color: $primaryBlue;
-    }
+  text-decoration: none;
+  color: $fontPrimary;
+  transition: all 0.1s linear;
+
+  &:hover {
+    color: $primaryBlue;
+  }
 }
diff --git a/app/scss/variables.scss b/app/scss/variables.scss
index 44b0641..b76fc96 100644
--- a/app/scss/variables.scss
+++ b/app/scss/variables.scss
@@ -18,4 +18,4 @@ $dark1: lighten($dark2, 5%);
 $dark3: darken($dark2, 5%);
 
 $fontPrimary: darken($light3, 10%);
-$fontSecondary: darken($light3, 20%);
\ No newline at end of file
+$fontSecondary: darken($light3, 20%);