Some eslint and typescript

This commit is contained in:
Paul Bienkowski 2021-05-14 19:25:11 +02:00
parent 9b633a3c88
commit 95a28ec457
3 changed files with 6 additions and 10 deletions

View file

@ -44,8 +44,7 @@ const App = connect((state) => ({login: state.login}))(function App({login}) {
</Dropdown> </Dropdown>
) : ( ) : (
<Menu.Item> <Menu.Item>
Foo <LoginButton compact />
{/* <LoginButton compact /> */}
</Menu.Item> </Menu.Item>
)} )}
</Menu.Menu> </Menu.Menu>

View file

@ -1,7 +1,4 @@
import React from 'react' 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 VectorSource from 'ol/source/Vector'
import GeoJSON from 'ol/format/GeoJSON' import GeoJSON from 'ol/format/GeoJSON'
import {Stroke, Style} from 'ol/style' import {Stroke, Style} from 'ol/style'

View file

@ -1,6 +1,6 @@
import React from 'react' import React from 'react'
import {Vector as VectorSource} from 'ol/source' 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 Feature from 'ol/Feature'
import {fromLonLat} from 'ol/proj' import {fromLonLat} from 'ol/proj'
import {Fill, Stroke, Style, Text, Circle} from 'ol/style' import {Fill, Stroke, Style, Text, Circle} from 'ol/style'
@ -18,7 +18,7 @@ const isValidTrackPoint = (point: TrackPoint): boolean => {
const WARN_DISTANCE = 2 const WARN_DISTANCE = 2
const MIN_DISTANCE = 1.5 const MIN_DISTANCE = 1.5
const evaluateDistanceColor = function (distance) { const evaluateDistanceColor = function (distance: number) {
if (distance < MIN_DISTANCE) { if (distance < MIN_DISTANCE) {
return 'red' return 'red'
} else if (distance < WARN_DISTANCE) { } 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 redFill = new Fill({color: 'rgba(255, 0, 0, 0.2)'})
const orangeFill = new Fill({color: 'rgba(245,134,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)'}) 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 redStroke = new Stroke({color: 'rgb(255, 0, 0)'})
const orangeStroke = new Stroke({color: 'rgb(245,134,0)'}) const orangeStroke = new Stroke({color: 'rgb(245,134,0)'})
const greenStroke = new Stroke({color: 'rgb(50, 205, 50)'}) 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({ return new Text({
textAlign: 'center', textAlign: 'center',
textBaseline: 'middle', textBaseline: 'middle',