nickzuber/meteorite
1
1
Fork 0
mirror of https://github.com/nickzuber/meteorite.git synced 2024-10-05 15:47:33 +03:00
Code Issues Packages Projects Releases Wiki Activity

Add support for unreading read pinned

Browse Source
This commit is contained in:
Nicholas Zuber 2020-02-16 23:36:38 -05:00
parent 9b4faf81cc
commit 1a904b4f16
1 changed files with 53 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
src/pages/NotificationsRedesign/redesign/Scene.js
View File

@ -1428,41 +1428,59 @@ function ActionItems ({
}) {
switch (view) {
case View.UNREAD:
if (item.status === Status.Pinned || item.status === Status.PinnedRead) {
return (
<>
<IconLink
tooltip="Mark as read"
onClick={() => markAsReadPinned(item.id, item.repository)}
>
<i className="fas fa-check"></i>
</IconLink>
<IconLink
tooltip="Unpin notification"
onClick={() => markAsUnread(item.id)}
>
<i className="fas fa-map-pin"></i>
</IconLink>
</>
);
} else {
return (
<>
<IconLink
tooltip="Mark as read"
onClick={() => markAsRead(item.id, item.repository)}
>
<i className="fas fa-check"></i>
</IconLink>
<IconLink
tooltip="Pin to the top of your queue"
css={css`i { transform: rotate(45deg); }`}
onClick={() => markAsPinned(item.id)}
>
<i className="fas fa-map-pin"></i>
</IconLink>
</>
);
switch (item.status) {
case Status.Pinned:
return (
<>
<IconLink
tooltip="Mark as read"
onClick={() => markAsReadPinned(item.id, item.repository)}
>
<i className="fas fa-check"></i>
</IconLink>
<IconLink
tooltip="Unpin notification"
onClick={() => markAsUnread(item.id)}
>
<i className="fas fa-map-pin"></i>
</IconLink>
</>
);
case Status.PinnedRead:
return (
<>
<IconLink
tooltip="Mark as unread"
onClick={() => markAsPinned(item.id, item.repository)}
>
<i className="fas fa-undo"></i>
</IconLink>
<IconLink
tooltip="Unpin notification"
onClick={() => markAsUnread(item.id)}
>
<i className="fas fa-map-pin"></i>
</IconLink>
</>
);
default:
return (
<>
<IconLink
tooltip="Mark as read"
onClick={() => markAsRead(item.id, item.repository)}
>
<i className="fas fa-check"></i>
</IconLink>
<IconLink
tooltip="Pin to the top of your queue"
css={css`i { transform: rotate(45deg); }`}
onClick={() => markAsPinned(item.id)}
>
<i className="fas fa-map-pin"></i>
</IconLink>
</>
);
}
case View.READ:
return (