From 95a28ec457729fd0154593233577b0c013752fbb Mon Sep 17 00:00:00 2001
From: Paul Bienkowski <pb@opatut.de>
Date: Fri, 14 May 2021 19:25:11 +0200
Subject: [PATCH] Some eslint and typescript

---
 frontend/src/App.js                       |  3 +--
 frontend/src/components/RoadsLayer.tsx    |  3 ---
 frontend/src/pages/TrackPage/TrackMap.tsx | 10 +++++-----
 3 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/frontend/src/App.js b/frontend/src/App.js
index ffa859f..2fad0a8 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -44,8 +44,7 @@ const App = connect((state) => ({login: state.login}))(function App({login}) {
               </Dropdown>
             ) : (
               <Menu.Item>
-                Foo
-                {/* <LoginButton compact /> */}
+                <LoginButton compact />
               </Menu.Item>
             )}
           </Menu.Menu>
diff --git a/frontend/src/components/RoadsLayer.tsx b/frontend/src/components/RoadsLayer.tsx
index 9e23dc5..f7a757e 100644
--- a/frontend/src/components/RoadsLayer.tsx
+++ b/frontend/src/components/RoadsLayer.tsx
@@ -1,7 +1,4 @@
 import React from 'react'
-import {useObservable} from 'rxjs-hooks'
-import {of} from 'rxjs'
-import {switchMap} from 'rxjs/operators'
 import VectorSource from 'ol/source/Vector'
 import GeoJSON from 'ol/format/GeoJSON'
 import {Stroke, Style} from 'ol/style'
diff --git a/frontend/src/pages/TrackPage/TrackMap.tsx b/frontend/src/pages/TrackPage/TrackMap.tsx
index 2e7d688..02ddf33 100644
--- a/frontend/src/pages/TrackPage/TrackMap.tsx
+++ b/frontend/src/pages/TrackPage/TrackMap.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import {Vector as VectorSource} from 'ol/source'
-import {Geometry, LineString, Point} from 'ol/geom'
+import {LineString, Point} from 'ol/geom'
 import Feature from 'ol/Feature'
 import {fromLonLat} from 'ol/proj'
 import {Fill, Stroke, Style, Text, Circle} from 'ol/style'
@@ -18,7 +18,7 @@ const isValidTrackPoint = (point: TrackPoint): boolean => {
 const WARN_DISTANCE = 2
 const MIN_DISTANCE = 1.5
 
-const evaluateDistanceColor = function (distance) {
+const evaluateDistanceColor = function (distance: number) {
   if (distance < MIN_DISTANCE) {
     return 'red'
   } else if (distance < WARN_DISTANCE) {
@@ -28,7 +28,7 @@ const evaluateDistanceColor = function (distance) {
   }
 }
 
-const evaluateDistanceForFillColor = function (distance) {
+const evaluateDistanceForFillColor = function (distance: number) {
   const redFill = new Fill({color: 'rgba(255, 0, 0, 0.2)'})
   const orangeFill = new Fill({color: 'rgba(245,134,0,0.2)'})
   const greenFill = new Fill({color: 'rgba(50, 205, 50, 0.2)'})
@@ -43,7 +43,7 @@ const evaluateDistanceForFillColor = function (distance) {
   }
 }
 
-const evaluateDistanceForStrokeColor = function (distance) {
+const evaluateDistanceForStrokeColor = function (distance: number) {
   const redStroke = new Stroke({color: 'rgb(255, 0, 0)'})
   const orangeStroke = new Stroke({color: 'rgb(245,134,0)'})
   const greenStroke = new Stroke({color: 'rgb(50, 205, 50)'})
@@ -58,7 +58,7 @@ const evaluateDistanceForStrokeColor = function (distance) {
   }
 }
 
-const createTextStyle = function (distance, resolution) {
+const createTextStyle = function (distance: number, resolution: number) {
   return new Text({
     textAlign: 'center',
     textBaseline: 'middle',