diff options
author | Anton Tananaev <anton.tananaev@gmail.com> | 2020-10-24 16:42:29 -0700 |
---|---|---|
committer | Anton Tananaev <anton.tananaev@gmail.com> | 2020-10-24 16:42:29 -0700 |
commit | e9f0913d2b1b66764931b6c1235877a44e72890b (patch) | |
tree | 404241616fcd340dd5b8b16e699ac8c1e1be2bf1 /modern/src/StatusView.js | |
parent | 7806cb2d725ab1aa4f66db86bc376a027dda6df5 (diff) | |
download | etbsa-traccar-web-e9f0913d2b1b66764931b6c1235877a44e72890b.tar.gz etbsa-traccar-web-e9f0913d2b1b66764931b6c1235877a44e72890b.tar.bz2 etbsa-traccar-web-e9f0913d2b1b66764931b6c1235877a44e72890b.zip |
Refactor map implementation
Diffstat (limited to 'modern/src/StatusView.js')
-rw-r--r-- | modern/src/StatusView.js | 30 |
1 files changed, 0 insertions, 30 deletions
diff --git a/modern/src/StatusView.js b/modern/src/StatusView.js deleted file mode 100644 index 0713d47..0000000 --- a/modern/src/StatusView.js +++ /dev/null @@ -1,30 +0,0 @@ -import t from './common/localization' -import React from 'react'; -import { useSelector } from 'react-redux'; -import { formatPosition } from './common/formatter'; - -const StatusView = ({ deviceId, onShowDetails }) => { - const device = useSelector(state => state.devices.items[deviceId]); - const position = useSelector(state => state.positions.items[deviceId]); - - const handleClick = e => { - e.preventDefault(); - onShowDetails(position.id); - }; - - return ( - <> - <b>{t('deviceStatus')}:</b> {formatPosition(device.status, 'status')}<br /> - <b>{t('sharedLocation')}:</b> {formatPosition(position, 'latitude')} {formatPosition(position, 'longitude')}<br /> - <b>{t('positionSpeed')}:</b> {formatPosition(position.speed, 'speed')}<br /> - <b>{t('positionCourse')}:</b> {formatPosition(position.course, 'course')}<br /> - <b>{t('positionDistance')}:</b> {formatPosition(position.attributes.totalDistance, 'distance')}<br /> - {position.attributes.batteryLevel && - <><b>{t('positionBattery')}:</b> {formatPosition(position.attributes.batteryLevel, 'batteryLevel')}<br /></> - } - <a href="#" onClick={handleClick}>{t('sharedShowDetails')}</a> - </> - ); -}; - -export default StatusView; |