astra/ntfy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add "mark as read" button

Browse source
This commit is contained in:
Philipp Heckel 2022-05-07 19:16:08 -04:00
parent 344da326cd
commit 15ac5ed23b
5 changed files with 13 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

14
web/src/components/Notifications.js
View file

@ -99,7 +99,7 @@ const NotificationList = (props) => {
>
<Container
maxWidth="md"
role="list"
role="list"
aria-label={t("notifications_list")}
sx={{
marginTop: 3,
@ -152,12 +152,14 @@ const NotificationItem = (props) => {
return (
<Card sx={{ minWidth: 275, padding: 1 }} role="listitem" aria-label={t("notifications_list_item")}>
<CardContent>
<IconButton onClick={handleDelete} sx={{ float: 'right', marginRight: -1, marginTop: -1 }} aria-label={t("notifications_delete")}>
<CloseIcon />
</IconButton>
<Tooltip title={t("notifications_delete")} enterDelay={500}>
<IconButton onClick={handleDelete} sx={{ float: 'right', marginRight: -1, marginTop: -1 }} aria-label={t("notifications_delete")}>
<CloseIcon />
</IconButton>
</Tooltip>
{notification.new === 1 &&
<Tooltip title={t("notifications_mark_read")}>
<IconButton onClick={handleMarkRead} sx={{ float: 'right', marginRight: -1, marginTop: -1 }} aria-label={t("notifications_mark_read")}>
<Tooltip title={t("notifications_mark_read")} enterDelay={500}>
<IconButton onClick={handleMarkRead} sx={{ float: 'right', marginRight: -0.5, marginTop: -1 }} aria-label={t("notifications_mark_read")}>
<CheckIcon />
</IconButton>
</Tooltip>}