aboutsummaryrefslogtreecommitdiff
path: root/modern/src/main/StatusCard.js
diff options
context:
space:
mode:
authorAnton Tananaev <anton@traccar.org>2022-05-22 12:03:12 -0700
committerAnton Tananaev <anton@traccar.org>2022-05-22 12:03:12 -0700
commit81111395638f103b336c47d823be3763e01982e5 (patch)
tree3c5389ac0e1919a378b1299d17f37d14824a3bfb /modern/src/main/StatusCard.js
parent18519ebadcc8447ae31f4c6bccaaa1c77dcf5bb4 (diff)
downloadtrackermap-web-81111395638f103b336c47d823be3763e01982e5.tar.gz
trackermap-web-81111395638f103b336c47d823be3763e01982e5.tar.bz2
trackermap-web-81111395638f103b336c47d823be3763e01982e5.zip
Use icon for info
Diffstat (limited to 'modern/src/main/StatusCard.js')
-rw-r--r--modern/src/main/StatusCard.js14
1 files changed, 9 insertions, 5 deletions
diff --git a/modern/src/main/StatusCard.js b/modern/src/main/StatusCard.js
index 10ea8a3f..b163c983 100644
--- a/modern/src/main/StatusCard.js
+++ b/modern/src/main/StatusCard.js
@@ -2,9 +2,10 @@ import React, { useState } from 'react';
import { useSelector } from 'react-redux';
import { useHistory } from 'react-router-dom';
import {
- makeStyles, Button, Card, CardContent, Typography, CardActions, CardHeader, IconButton, Avatar, Table, TableBody, TableRow, TableCell, TableContainer,
+ makeStyles, Card, CardContent, Typography, CardActions, CardHeader, IconButton, Avatar, Table, TableBody, TableRow, TableCell, TableContainer,
} from '@material-ui/core';
import CloseIcon from '@material-ui/icons/Close';
+import PostAddIcon from '@material-ui/icons/PostAdd';
import ReplayIcon from '@material-ui/icons/Replay';
import PublishIcon from '@material-ui/icons/Publish';
import EditIcon from '@material-ui/icons/Edit';
@@ -40,6 +41,9 @@ const useStyles = makeStyles((theme) => ({
cell: {
borderBottom: 'none',
},
+ actions: {
+ justifyContent: 'space-between',
+ },
}));
const StatusRow = ({ name, content }) => {
@@ -113,10 +117,10 @@ const StatusCard = ({ deviceId, onClose }) => {
</TableContainer>
</CardContent>
)}
- <CardActions disableSpacing>
- <Button onClick={() => history.push(`/position/${position.id}`)} disabled={!position} color="secondary">
- {t('sharedInfoTitle')}
- </Button>
+ <CardActions classes={{ root: classes.actions }} disableSpacing>
+ <IconButton onClick={() => history.push(`/position/${position.id}`)} disabled={!position} color="secondary">
+ <PostAddIcon />
+ </IconButton>
<IconButton onClick={() => history.push('/replay')} disabled={!position}>
<ReplayIcon />
</IconButton>