garrettmills/commafeed
1
0
Fork 0
forked from Archives/Athou_commafeed
Code Pull Requests Activity

add indicator when there are tags

Browse Source
This commit is contained in:
Athou
2022-10-27 14:32:23 +02:00
parent cf69bb2013
commit b06187ddf7
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
commafeed-client/src/components/content/FeedEntryFooter.tsx
View File

@@ -1,5 +1,5 @@
import { t } from "@lingui/macro" import { t } from "@lingui/macro"
import { Checkbox, Group, MultiSelect, Popover } from "@mantine/core" import { Checkbox, Group, Indicator, MultiSelect, Popover } from "@mantine/core"
import { Constants } from "app/constants" import { Constants } from "app/constants"
import { markEntriesUpToEntry, markEntry, starEntry, tagEntry } from "app/slices/entries" import { markEntriesUpToEntry, markEntry, starEntry, tagEntry } from "app/slices/entries"
import { useAppDispatch, useAppSelector } from "app/store" import { useAppDispatch, useAppSelector } from "app/store"
@@ -73,7 +73,9 @@ export function FeedEntryFooter(props: FeedEntryFooterProps) {
{tags && ( {tags && (
<Popover withArrow withinPortal shadow="md" positionDependencies={[scrollPosition]}> <Popover withArrow withinPortal shadow="md" positionDependencies={[scrollPosition]}>
<Popover.Target> <Popover.Target>
<ActionButton icon={<TbTag size={18} />} label={t`Tags`} /> <Indicator label={props.entry.tags.length} showZero={false} dot={false} inline size={16}>
<ActionButton icon={<TbTag size={18} />} label={t`Tags`} />
</Indicator>
</Popover.Target> </Popover.Target>
<Popover.Dropdown> <Popover.Dropdown>
<MultiSelect <MultiSelect