changing gpx color

This commit is contained in:
Fedor Katurov 2020-01-24 17:37:49 +07:00
parent 871f9bb8a2
commit c4aede5833
3 changed files with 16 additions and 4 deletions

View file

@ -12,12 +12,13 @@ interface IProps {
onFocusRoute: (i: number) => void
onRouteDrop: (i: number) => void
onRouteToggle: (i: number) => void
onRouteColor: (i: number) => void
}
const GpxDialogRow: FC<IProps> = ({ item, index, enabled, onRouteToggle, onFocusRoute, onRouteDrop }) => {
const GpxDialogRow: FC<IProps> = ({ item, index, enabled, onRouteToggle, onFocusRoute, onRouteDrop, onRouteColor }) => {
return (
<div className={classnames("gpx-row", { 'gpx-row_disabled': !enabled || !item.enabled })}>
<div className="gpx-row__color" style={{ backgroundColor: item.color }}/>
<div className="gpx-row__color" style={{ backgroundColor: item.color }} onClick={() => onRouteColor(index)}/>
<div className="gpx-row__title" onClick={() => onFocusRoute(index)}>
{item.name}