From 39a78414eb4e5a9ebf66847c2463de9a7aac74b9 Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandro@alejandrocelaya.com>
Date: Sun, 3 Jun 2018 12:57:03 +0200
Subject: [PATCH] Reformated code to use 2-space indents

---
 src/App.js                 |  22 ++++----
 src/App.scss               |  14 ++---
 src/common/MainHeader.js   | 104 ++++++++++++++++++-------------------
 src/common/MainHeader.scss |  14 ++---
 src/index.scss             |   2 +-
 5 files changed, 78 insertions(+), 78 deletions(-)

diff --git a/src/App.js b/src/App.js
index 4a326e22..7c98ca05 100644
--- a/src/App.js
+++ b/src/App.js
@@ -3,15 +3,15 @@ import './App.scss';
 import MainHeader from './common/MainHeader';
 
 export default class App extends React.Component {
-    render() {
-        return (
-            <div>
-                <MainHeader/>
-                <div className="app">
-                    <h1 className="app__title">Welcome to Shlink</h1>
-                    <h5 className="App__intro">Please, select a server.</h5>
-                </div>
-            </div>
-        );
-    }
+  render() {
+    return (
+      <div>
+        <MainHeader/>
+        <div className="app">
+          <h1 className="app__title">Welcome to Shlink</h1>
+          <h5 className="App__intro">Please, select a server.</h5>
+        </div>
+      </div>
+    );
+  }
 }
diff --git a/src/App.scss b/src/App.scss
index 2afa33e9..ebfad4db 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -1,12 +1,12 @@
 .app {
-    text-align: center;
-    height: 100vh;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-flow: column;
+  text-align: center;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-flow: column;
 }
 
 .app__title {
-    font-size: 36px;
+  font-size: 36px;
 }
diff --git a/src/common/MainHeader.js b/src/common/MainHeader.js
index cc2c43c3..ec3d5a06 100644
--- a/src/common/MainHeader.js
+++ b/src/common/MainHeader.js
@@ -2,65 +2,65 @@ import plusIcon from '@fortawesome/fontawesome-free-solid/faPlus';
 import FontAwesomeIcon from '@fortawesome/react-fontawesome';
 import React from 'react';
 import {
-    Collapse, DropdownItem, DropdownMenu,
-    DropdownToggle,
-    Nav,
-    Navbar,
-    NavbarBrand,
-    NavbarToggler,
-    NavItem,
-    NavLink,
-    UncontrolledDropdown
+  Collapse, DropdownItem, DropdownMenu,
+  DropdownToggle,
+  Nav,
+  Navbar,
+  NavbarBrand,
+  NavbarToggler,
+  NavItem,
+  NavLink,
+  UncontrolledDropdown
 } from 'reactstrap';
 import './MainHeader.scss';
 import shlinkLogo from './shlink-logo-white.png';
 
 export default class MainHeader extends React.Component {
-    constructor(props) {
-        super(props);
+  constructor(props) {
+    super(props);
 
-        this.state = {
-            isOpen: false
-        };
-    }
+    this.state = {
+      isOpen: false
+    };
+  }
 
-    toggle() {
-        this.setState({
-            isOpen: ! this.state.isOpen
-        });
-    }
+  toggle() {
+    this.setState({
+      isOpen: !this.state.isOpen
+    });
+  }
 
-    render() {
-        return (
-            <Navbar color="primary" dark fixed="top" className="main-header" expand="md">
-                <NavbarBrand href="https://shlink.io" target="_blank">
-                    <img src={shlinkLogo} alt="Shlink" className="main-header__brand-logo"/> Shlink
-                </NavbarBrand>
-                <NavbarToggler onClick={() => this.toggle()} />
-                <Collapse navbar isOpen={this.state.isOpen}>
-                    <Nav navbar className="ml-auto">
-                        <NavItem>
-                            <NavLink href="#">
-                                <FontAwesomeIcon icon={plusIcon} />&nbsp; Add server
-                            </NavLink>
-                        </NavItem>
-                        <UncontrolledDropdown nav>
-                            <DropdownToggle nav caret>
-                                Servers
-                            </DropdownToggle>
+  render() {
+    return (
+      <Navbar color="primary" dark fixed="top" className="main-header" expand="md">
+        <NavbarBrand href="https://shlink.io" target="_blank">
+          <img src={shlinkLogo} alt="Shlink" className="main-header__brand-logo"/> Shlink
+        </NavbarBrand>
+        <NavbarToggler onClick={() => this.toggle()}/>
+        <Collapse navbar isOpen={this.state.isOpen}>
+          <Nav navbar className="ml-auto">
+            <NavItem>
+              <NavLink href="#">
+                <FontAwesomeIcon icon={plusIcon}/>&nbsp; Add server
+              </NavLink>
+            </NavItem>
+            <UncontrolledDropdown nav>
+              <DropdownToggle nav caret>
+                Servers
+              </DropdownToggle>
 
-                            <DropdownMenu>
-                                <DropdownItem>
-                                    Server 1
-                                </DropdownItem>
-                                <DropdownItem>
-                                    Server 2
-                                </DropdownItem>
-                            </DropdownMenu>
-                        </UncontrolledDropdown>
-                    </Nav>
-                </Collapse>
-            </Navbar>
-        );
-    }
+              <DropdownMenu>
+                <DropdownItem>
+                  Server 1
+                </DropdownItem>
+                <DropdownItem>
+                  Server 2
+                </DropdownItem>
+              </DropdownMenu>
+            </UncontrolledDropdown>
+          </Nav>
+        </Collapse>
+      </Navbar>
+    );
+  }
 }
diff --git a/src/common/MainHeader.scss b/src/common/MainHeader.scss
index a30d0dfb..a3f7f64c 100644
--- a/src/common/MainHeader.scss
+++ b/src/common/MainHeader.scss
@@ -1,15 +1,15 @@
 @import "../utils/base";
 
 .main-header.main-header {
-    background-color: $mainColor !important;
-    color: white;
+  background-color: $mainColor !important;
+  color: white;
 
-    .navbar-brand {
-        color: inherit !important;
-    }
+  .navbar-brand {
+    color: inherit !important;
+  }
 }
 
 .main-header__brand-logo {
-    width: 26px;
-    margin-right: 5px;
+  width: 26px;
+  margin-right: 5px;
 }
diff --git a/src/index.scss b/src/index.scss
index abf29b81..e6afb95a 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -1,3 +1,3 @@
 * {
-    outline: none !important;
+  outline: none !important;
 }