diff --git a/commafeed-client/src/components/content/FeedEntryContextMenu.tsx b/commafeed-client/src/components/content/FeedEntryContextMenu.tsx index 25e1b8e4..0e9be997 100644 --- a/commafeed-client/src/components/content/FeedEntryContextMenu.tsx +++ b/commafeed-client/src/components/content/FeedEntryContextMenu.tsx @@ -9,7 +9,7 @@ import { truncate } from "app/utils" import { useBrowserExtension } from "hooks/useBrowserExtension" import { useColorScheme } from "hooks/useColorScheme" import { Item, Menu, Separator } from "react-contexify" -import { TbArrowBarToDown, TbExternalLink, TbEyeCheck, TbEyeOff, TbRss, TbStar, TbStarOff } from "react-icons/tb" +import { TbArrowBarToDown, TbExternalLink, TbMail, TbMailOpened, TbRss, TbStar, TbStarOff } from "react-icons/tb" import { tss } from "tss" interface FeedEntryContextMenuProps { @@ -70,7 +70,7 @@ export function FeedEntryContextMenu(props: FeedEntryContextMenuProps) { {props.entry.markable && ( await dispatch(markEntry({ entry: props.entry, read: !props.entry.read }))}> - {props.entry.read ? : } + {props.entry.read ? : } {props.entry.read ? Keep unread : Mark as read} diff --git a/commafeed-client/src/components/content/FeedEntryFooter.tsx b/commafeed-client/src/components/content/FeedEntryFooter.tsx index 8714711b..86b061e9 100644 --- a/commafeed-client/src/components/content/FeedEntryFooter.tsx +++ b/commafeed-client/src/components/content/FeedEntryFooter.tsx @@ -6,7 +6,7 @@ import type { Entry } from "app/types" import { ActionButton } from "components/ActionButton" import { useActionButton } from "hooks/useActionButton" import { useMobile } from "hooks/useMobile" -import { TbArrowBarToDown, TbExternalLink, TbEyeCheck, TbEyeOff, TbShare, TbStar, TbStarOff, TbTag } from "react-icons/tb" +import { TbArrowBarToDown, TbExternalLink, TbMail, TbMailOpened, TbShare, TbStar, TbStarOff, TbTag } from "react-icons/tb" import { ShareButtons } from "./ShareButtons" interface FeedEntryFooterProps { @@ -39,7 +39,7 @@ export function FeedEntryFooter(props: FeedEntryFooterProps) { {props.entry.markable && ( : } + icon={props.entry.read ? : } label={props.entry.read ? Keep unread : Mark as read} onClick={readStatusButtonClicked} />