bellingcat/ukraine-timemap
1
0
Fork 0
mirror of https://github.com/bellingcat/ukraine-timemap.git synced 2026-06-12 21:38:35 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix lint errors

Browse Source
This commit is contained in:
Franc Camps-Febrer
2019-02-01 12:23:11 -05:00
parent 6906adc258
commit 4af0c9c2ef
8 changed files with 67 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/components/presentational/Map/Narratives.jsx
View File

@@ -1,7 +1,7 @@
import React from 'react'
import { Portal } from 'react-portal'
import { concatStatic } from 'rxjs/operator/concat';
import { single } from 'rxjs/operator/single';
// import { concatStatic } from 'rxjs/operator/concat'
// import { single } from 'rxjs/operator/single'
function MapNarratives ({ styles, onSelectNarrative, svg, narrative, narratives, projectPoint }) {
function getNarrativeStyle (narrativeId) {
@@ -66,22 +66,22 @@ function MapNarratives ({ styles, onSelectNarrative, svg, narrative, narratives,
const theta = Math.atan2(p2.y - p1.y, p2.x - p1.x) // Angle of narrative step line
const alpha = Math.atan2(1, 2) // Angle of arrow overture
const edge = 10 // Arrow edge length
const offset = (distance < 24) ? distance / 2 : 24;
const offset = (distance < 24) ? distance / 2 : 24
// Arrow corners
const coord0 = {
x: p2.x - offset * Math.cos(theta),
y: p2.y - offset * Math.sin(theta)
}
}
const coord1 = {
x: coord0.x - edge * Math.cos(-theta - alpha),
y: coord0.y + edge * Math.sin(-theta - alpha)
}
}
const coord2 = {
x: coord0.x - edge * Math.cos(-theta + alpha),
y: coord0.y + edge * Math.sin(-theta + alpha)
}
}
return (<path
className='narrative-step-arrow'
d={`
@@ -92,9 +92,9 @@ function MapNarratives ({ styles, onSelectNarrative, svg, narrative, narratives,
style={{
...styles,
fillOpacity: styles.strokeOpacity,
fill: styles.stroke,
fill: styles.stroke
}}
></path>)
/>)
}
function _renderNarrativeStep (p1, p2, styles) {
@@ -102,25 +102,25 @@ function MapNarratives ({ styles, onSelectNarrative, svg, narrative, narratives,
return (
<g>
<line
className='narrative-step'
x1={p1.x}
x2={p2.x}
y1={p1.y}
y2={p2.y}
markerStart='none'
onClick={n => onSelectNarrative(n)}
style={{
strokeWidth,
strokeDasharray,
strokeOpacity,
stroke
}}
/>
{(stroke !== 'none')
? _renderNarrativeStepArrow(p1, p2, styles)
: ''
}
<line
className='narrative-step'
x1={p1.x}
x2={p2.x}
y1={p1.y}
y2={p2.y}
markerStart='none'
onClick={n => onSelectNarrative(n)}
style={{
strokeWidth,
strokeDasharray,
strokeOpacity,
stroke
}}
/>
{(stroke !== 'none')
? _renderNarrativeStepArrow(p1, p2, styles)
: ''
}
</g>
)
}