Hours only shown for backhoes and tractors, changed favicon.ico, replay slider previous and back buttons, and other improvements

1 files changed, 5 insertions, 3 deletions

diff --git a/modern/src/map/StatusView.js b/modern/src/map/StatusView.js
index 6fb72c7..b451573 100644
--- a/modern/src/map/StatusView.js
+++ b/modern/src/map/StatusView.js
@@ -37,7 +37,7 @@ const useStyles = makeStyles((theme) => ({
 }));
 
 const StatusView = ({
-  deviceId, onShowDetails, onShowHistory, onEditClick, onCommandsClick,
+  position, deviceId, onShowDetails, onShowHistory, onEditClick, onCommandsClick,
 }) => {
   const classes = useStyles();
   const t = useTranslation();
@@ -45,7 +45,6 @@ const StatusView = ({
   const [removeDialogShown, setRemoveDialogShown] = useState(false);
   const session = useSelector((state) => state.session);
   const device = useSelector((state) => state.devices.items[deviceId]);
-  const position = useSelector(getPosition(deviceId));
 
   const distanceUnit = useAttributePreference('distanceUnit');
   const speedUnit = useAttributePreference('speedUnit');
@@ -90,7 +89,10 @@ const StatusView = ({
               <ListItem classes={{ container: classes.listItemContainer, root: classes.listItemRoot }}>
                 <ListItemText primary={t('positionSpeed')} secondary={formatSpeed(position.speed, speedUnit, t)} />
               </ListItem>
-              {position.attributes.hours && (
+              {device.category
+              && (device.category.toLowerCase() === 'backhoe' || device.category.toLowerCase() === 'tractor')
+              && position.attributes.hours
+              && (
                 <ListItem classes={{ container: classes.listItemContainer, root: classes.listItemRoot }}>
                   <ListItemText primary={t('positionHours')} secondary={formatHours(position.attributes.hours, t)} />
                 </ListItem>)}