Whitespace cleanup

client/src/components/screens/game-panel.component/click-marker-map.component.jsx

@@ -14,7 +14,7 @@ export default React.memo(({
       disableDefaultUI: true,
       fullscreenControl: true,
     });
-    
+
     if (onMarkerMoved) {
       googleMap.addListener("click", ({ latLng }) => {
         if (mapDivRef.current.mapMarker) {
@@ -29,7 +29,7 @@ export default React.memo(({
   });
 
   return (
-    <div 
+    <div
       style={{ height: "100%" }}
       ref={mapDivRef}
     />

client/src/components/screens/game-panel.component/game-panel.component.jsx

@@ -22,7 +22,7 @@ const GamePanel = ({
     <div style={{ height: "100%", margin: "2px", flex: 3 }}>
         <PositionedStreetView position={streetViewPoint} />
     </div>
-    <GuessPane 
+    <GuessPane
       roundSeconds={roundSeconds}
       onTimeout={onTimeout}
       onSelectPoint={onSelectPoint}
@@ -76,23 +76,23 @@ class GamePanelContainer extends React.Component {
   }
 
   render() {
-    const { 
-      currentRound, 
-      targetPoint, 
-      selectedPoint, 
-      roundTimer, 
-      submitDisabled 
+    const {
+      currentRound,
+      targetPoint,
+      selectedPoint,
+      roundTimer,
+      submitDisabled
     } = this.state;
     if (!currentRound || !targetPoint || !roundTimer) {
       return <Loading/>
     }
-  
+
     return (
       <GamePanel
         onSelectPoint={selectedPoint => this.setState({ selectedPoint })}
         onSubmitGuess={() => this.handleSubmitGuess()}
         streetViewPoint={targetPoint}
-        selectedPoint={selectedPoint}        
+        selectedPoint={selectedPoint}
         roundSeconds={roundTimer}
         onTimeout={() => this.handleSubmitGuess()}
         submitDisabled={submitDisabled}

client/src/components/screens/game-panel.component/guess-pane.component.jsx

@@ -9,7 +9,7 @@ export default ({
   onSubmitGuess,
   submitDisabled,
 }) => (
-  <div 
+  <div
     style={{
       height: "100%",
       flex: 1,

client/src/components/screens/game-panel.component/positioned-street-view.component.jsx

@@ -12,7 +12,7 @@ export default React.memo(({ position }) => {
       clickToGo: true,
       visible: true,
     });
-    
+
     buttonRef.current.onclick = () => pano.setPosition(position);
   });
 
@@ -22,9 +22,9 @@ export default React.memo(({ position }) => {
         style={{ height: "100%" }}
         ref={panoDivRef}
       />
-      <div 
+      <div
         // TODO this styling is very brittle
-        style={{ 
+        style={{
           display: "block",
           position: "absolute",
           zIndex: 1,

client/src/components/screens/round-summary.component.jsx

@@ -35,7 +35,7 @@ export default ({ round, onNext }) => {
       justifyContent: "space-between",
       alignItems: "center",
     }}>
-      <img 
+      <img
         src={mapUrl + size + zoom + centerOnTarget + targetMarker + selectedMarker}
         alt={`Map pointing to ${targetPoint.lat},${targetPoint.lng}`}
       />
@@ -47,4 +47,3 @@ export default ({ round, onNext }) => {
     </div>
   );
 };
-  

client/src/components/util/api-info.component.jsx

@@ -11,21 +11,21 @@ class ApiInfo extends React.Component {
       status: null,
     }
   }
-  
+
   async componentDidMount() {
     const { version, status } = await getStatus();
     this.setState({loading: false, version, status});
   }
-  
+
   render() {
     if (this.state.loading) {
       return <p>Connecting to back-end...</p>
     }
-    
+
     if (this.state.status !== "healthy") {
       return <p>Unable to communicate with API server! Error: {this.state.status}</p>
     }
-    
+
     return <p>API Version: {this.state.version}</p>
   }
 }

client/src/components/util/click-to-copy.component.jsx

@@ -19,7 +19,7 @@ export default ({ text }) => {
       }}
     >
       <span
-        style={{ borderBottom: "1px dotted black" }} 
+        style={{ borderBottom: "1px dotted black" }}
         onClick={copyText}
         onMouseOver={() => setHovered(true)}
         onMouseOut={() => {setHovered(false); setCopied(false)}}