fixed indentations

src/App.js

@@ -54,11 +54,12 @@ export class App extends React.Component{
           <Switch>
             <Route path="/" exact component={Home} />
             <Route path="/about" exact component={About} />
+
             <Route exact path="/pigeon-map" render={() =>
               <Pigeon
-              mapConfig={this.state.mapConfig}
-              updateMapState={this.updateMapState}
-              getDistance={this.getDistance}
+                mapConfig={this.state.mapConfig}
+                updateMapState={this.updateMapState}
+                getDistance={this.getDistance}
               />}
             />
             <Route path="/pigeon-map/test" exact component={Pigeons} />
@@ -78,5 +79,4 @@ export class App extends React.Component{
       </div>
     )
   }
-
 }

src/Mapbox.js

@@ -24,32 +24,32 @@ export default class Mapbox extends React.Component{
   render() {
     const position = [this.state.longitude, this.state.latitude]
     return (
-        <Map
-            style="mapbox://styles/mapbox/streets-v9"
-            containerStyle={{
-                height: mapHeight,
-                width: mapWidth
-            }}
-            center={position}
-            zoom={this.state.zoom}
-        >
-            <Layer type="symbol" id="marker" layout={{ 'icon-image': 'marker-15' }}>
-                <Feature coordinates={position} />
-            </Layer>
-        
-            <Marker
-                coordinates={position}
-                anchor="bottom"
-            >
-                <svg height={20} viewBox="0 0 24 24" style={{fill: "#343a40", stroke: "none"}}>
-                    <path d={markerIcon} />
-                </svg>
-            </Marker>
-        
-            <ZoomControl position={"bottom-right"}/>
-            <ScaleControl position={"bottom-right"}/>
-            <RotationControl position={"bottom-right"}/>
-        </Map>
+      <Map
+        style="mapbox://styles/mapbox/streets-v9"
+        containerStyle={{
+            height: mapHeight,
+            width: mapWidth
+        }}
+        center={position}
+        zoom={this.state.zoom}
+      >
+          <Layer type="symbol" id="marker" layout={{ 'icon-image': 'marker-15' }}>
+            <Feature coordinates={position} />
+          </Layer>
+
+          <Marker
+            coordinates={position}
+            anchor="bottom"
+          >
+            <svg height={20} viewBox="0 0 24 24" style={{fill: "#343a40", stroke: "none"}}>
+              <path d={markerIcon} />
+            </svg>
+          </Marker>
+
+          <ZoomControl position={"bottom-right"}/>
+          <ScaleControl position={"bottom-right"}/>
+          <RotationControl position={"bottom-right"}/>
+      </Map>
     );
   }
 }

src/index.js

@@ -5,8 +5,8 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 
 
 ReactDOM.render(
-    <div>
-        <App title="App"/>
-    </div>,
-    document.getElementById('root')
+  <div>
+    <App title="App"/>
+  </div>,
+  document.getElementById('root')
 );