diff options
| author | Anton Tananaev <anton@traccar.org> | 2022-08-17 08:27:17 -0700 |
|---|---|---|
| committer | Anton Tananaev <anton@traccar.org> | 2022-08-17 08:27:17 -0700 |
| commit | 56b523894acbb757f14867c3ceb9da504455b17a (patch) | |
| tree | a9530e83e2dee705608e14cc549283b062ae7e45 | |
| parent | 6ec5eaf47904fbec5ac7ecd1939291e3aab60530 (diff) | |
| download | trackermap-web-56b523894acbb757f14867c3ceb9da504455b17a.tar.gz trackermap-web-56b523894acbb757f14867c3ceb9da504455b17a.tar.bz2 trackermap-web-56b523894acbb757f14867c3ceb9da504455b17a.zip | |
Better ignition icon
| -rw-r--r-- | modern/src/main/DevicesList.js | 7 | ||||
| -rw-r--r-- | modern/src/resources/images/data/engine.svg | 4 |
2 files changed, 7 insertions, 4 deletions
diff --git a/modern/src/main/DevicesList.js b/modern/src/main/DevicesList.js index 449b4fee..e4873a3f 100644 --- a/modern/src/main/DevicesList.js +++ b/modern/src/main/DevicesList.js @@ -12,8 +12,6 @@ import Battery60Icon from '@mui/icons-material/Battery60'; import BatteryCharging60Icon from '@mui/icons-material/BatteryCharging60'; import Battery20Icon from '@mui/icons-material/Battery20'; import BatteryCharging20Icon from '@mui/icons-material/BatteryCharging20'; -import FlashOnIcon from '@mui/icons-material/FlashOn'; -import FlashOffIcon from '@mui/icons-material/FlashOff'; import ErrorIcon from '@mui/icons-material/Error'; import moment from 'moment'; import { devicesActions } from '../store'; @@ -25,6 +23,7 @@ import { useTranslation } from '../common/components/LocalizationProvider'; import { mapIconKey, mapIcons } from '../map/core/preloadImages'; import { useAdministrator } from '../common/util/permissions'; import usePersistedState from '../common/util/usePersistedState'; +import { ReactComponent as EngineIcon } from '../resources/images/data/engine.svg'; const useStyles = makeStyles((theme) => ({ list: { @@ -125,9 +124,9 @@ const DeviceRow = ({ data, index, style }) => { <Tooltip title={`${t('positionIgnition')}: ${formatBoolean(position.attributes.ignition, t)}`}> <IconButton size="small"> {position.attributes.ignition ? ( - <FlashOnIcon fontSize="small" className={classes.positive} /> + <EngineIcon width={20} height={20} className={classes.positive} /> ) : ( - <FlashOffIcon fontSize="small" className={classes.neutral} /> + <EngineIcon width={20} height={20} className={classes.neutral} /> )} </IconButton> </Tooltip> diff --git a/modern/src/resources/images/data/engine.svg b/modern/src/resources/images/data/engine.svg new file mode 100644 index 00000000..1e91751a --- /dev/null +++ b/modern/src/resources/images/data/engine.svg @@ -0,0 +1,4 @@ +<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> +<title>Engine</title> +<path fill="currentColor" d="M13.778 6.667v2.222h3.333v2.222h2.222v-2.222h3.333v-2.222h-8.889zM13.778 13.333c-0.3 0-0.579 0.121-0.79 0.321l-1.888 1.901h-2.878c-0.611 0-1.111 0.5-1.111 1.111v6.667c0 0.611 0.5 1.111 1.111 1.111h1.888l3.056 2.033c0.178 0.122 0.39 0.189 0.612 0.189h5.556c0.244 0 0.477-0.077 0.666-0.221l4.444-3.333c0.278-0.211 0.445-0.545 0.445-0.89v-7.778c0-0.611-0.5-1.111-1.111-1.111h-10zM27.111 14.444v6.667h2.222v-6.667h-2.222zM17.111 15.556v3.333h2.222l-3.333 5.556v-3.333h-2.222l3.333-5.556zM2.667 16.667v5.556h2.222v-5.556h-2.222z"></path> +</svg> |
