Some eslint and typescript
This commit is contained in:
parent
9b633a3c88
commit
95a28ec457
|
@ -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>
|
||||||
|
|
|
@ -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'
|
||||||
|
|
|
@ -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',
|
||||||
|
|
Loading…
Reference in a new issue