Commit 79f0e329 authored by pacome's avatar pacome

[client/timeserie] fixed legend item picto

parent 3b71780a
......@@ -5,21 +5,20 @@ import { getLevel } from 'timeserie/src/queries/timeserie';
import { Level } from 'timeserie/src/events/route';
const isSelected = (legendLevel: Level) =>
getLevel().fold('selected', level =>
(level === legendLevel) ? 'selected' : 'unselected'
)
getLevel().fold('selected', (level) =>
level === legendLevel ? 'selected' : 'unselected'
);
const renderSurface = () =>
DIV(
{ className: `legend-item--${isSelected('surface')}` },
{ className: `legend-item legend-item--${isSelected('surface')}` },
DIV(
{
className: 'item-style',
style: {
color: '#6e8cff',
fontSize: '16pt'
}
fontSize: '16pt',
},
},
nameToString('dot-circle-o')
),
......@@ -28,14 +27,14 @@ const renderSurface = () =>
const renderGroundQuality = () =>
DIV(
{ className: `legend-item--${isSelected('ground')}` },
{ className: `legend-item legend-item--${isSelected('ground')}` },
DIV(
{
className: 'item-style',
style: {
color: '#c68700',
fontSize: '16pt'
}
fontSize: '16pt',
},
},
nameToString('dot-circle-o')
),
......@@ -44,14 +43,14 @@ const renderGroundQuality = () =>
const renderGroundQuantity = () =>
DIV(
{ className: `legend-item--${isSelected('ground')}` },
{ className: `legend-item legend-item--${isSelected('ground')}` },
DIV(
{
className: 'item-style',
style: {
color: '#00729a',
fontSize: '16pt'
}
fontSize: '16pt',
},
},
nameToString('dot-circle-o')
),
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment