muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 19:16:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

disabled append features for tracks

Browse source
This commit is contained in:
Fedor Katurov 2020-01-27 15:51:29 +07:00
parent 53bb6a8443
commit b2357cf522
1 changed files with 31 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/components/gpx/GpxDialogRow.tsx
View file

@ -6,28 +6,48 @@ import classnames from 'classnames';
interface IProps { interface IProps {
item: IGpxRoute; item: IGpxRoute;
index: number index: number;
enabled: boolean; enabled: boolean;
onFocusRoute: (i: number) => void onFocusRoute: (i: number) => void;
onRouteDrop: (i: number) => void onRouteDrop: (i: number) => void;
onRouteToggle: (i: number) => void onRouteToggle: (i: number) => void;
onRouteColor: (i: number) => void onRouteColor: (i: number) => void;
} }
const GpxDialogRow: FC<IProps> = ({ item, index, enabled, onRouteToggle, onFocusRoute, onRouteDrop, onRouteColor }) => { const GpxDialogRow: FC<IProps> = ({
item,
index,
enabled,
onRouteToggle,
onFocusRoute,
onRouteDrop,
onRouteColor,
}) => {
return ( return (
<div className={classnames("gpx-row", { 'gpx-row_disabled': !enabled || !item.enabled })}> <div className={classnames('gpx-row', { 'gpx-row_disabled': !enabled || !item.enabled })}>
<div className="gpx-row__color" style={{ backgroundColor: item.color }} onClick={() => onRouteColor(index)}/> <div
className="gpx-row__color"
style={{ backgroundColor: item.color }}
onClick={() => onRouteColor(index)}
/>
<div className="gpx-row__title" onClick={() => onFocusRoute(index)}> <div className="gpx-row__title" onClick={() => onFocusRoute(index)}>
{item.name} {item.name}
</div> </div>
<div className="gpx-row__buttons"> <div className="gpx-row__buttons">
<div onClick={() => onRouteDrop(index)}><Icon icon="icon-to-poly" size={24} /></div> {false && (
<div onClick={() => onRouteDrop(index)}><Icon icon="icon-trash-6" size={24} /></div> <div onClick={() => onRouteDrop(index)}>
<div><Switch active={item.enabled} onPress={() => onRouteToggle(index)}/></div> <Icon icon="icon-to-poly" size={24} />
</div>
)}
<div onClick={() => onRouteDrop(index)}>
<Icon icon="icon-trash-6" size={24} />
</div>
<div>
<Switch active={item.enabled} onPress={() => onRouteToggle(index)} />
</div>
</div> </div>
</div> </div>
); );